@font-face {
    font-family: "SCFIcons";
    src: url("https://www.qnityelectronics.com/libs/clientlibs/social/commons/scf/resources/AdobeIcons-74324ff07761daf4c31d04544b133fef.eot");
    src: url("https://www.qnityelectronics.com/libs/clientlibs/social/commons/scf/resources/AdobeIcons-74324ff07761daf4c31d04544b133fef.eot?") format("embedded-opentype"), url("https://www.qnityelectronics.com/libs/clientlibs/social/commons/scf/resources/AdobeIcons-74324ff07761daf4c31d04544b133fef.woff") format("woff"), url("https://www.qnityelectronics.com/libs/clientlibs/social/commons/scf/resources/AdobeIcons-74324ff07761daf4c31d04544b133fef.ttf") format("truetype"), url("https://www.qnityelectronics.com/libs/clientlibs/social/commons/scf/resources/icons/AdobeIcons-74324ff07761daf4c31d04544b133fef.svg?") format("svg");
    font-weight: normal;
    font-style: normal;
}

.scf {
    font-family: helvetica, arial;
    color: #4b4b4b
}

.scf h4 {
    font-size: 14px;
    color: #4b4b4b;
    margin: 10px 0
}

.scf h2 {
    font-size: 24px;
    color: #4b4b4b;
    margin: 0;
    font-weight: 100
}

.scf .scf-link {
    font-size: 14px;
    color: #4191d2;
    cursor: pointer
}

.scf .scf-link:visited {
    color: #96509b
}

.scf .scf-link:hover {
    text-decoration: underline
}

.scf .scf-quiet {
    font-size: 12px;
    color: #969696
}

.scf .scf-clear-both {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.scf-is-hidden {
    display: none
}

.scf [class^="scf-icon-"] {
    font-family: SCFIcons
}

.scf [class^="scf-icon-"].large {
    font-size: 32px
}

.scf-icon-comment:before {
    content: "\f159";
    font-family: SCFIcons
}

.scf-icon-viewOff:before {
    content: "\f2a7";
    font-family: SCFIcons
}

.scf-icon-fullscreen:before {
    content: "\f1c2";
    font-family: SCFIcons
}

.scf-modal-screen {
    z-index: 2000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    background-color: #000
}

.scf-modal-dialog {
    z-index: 2200;
    position: fixed;
    top: 100px;
    left: 100px;
    min-width: 300px;
    padding: 15px;
    background-color: #3c3c3c;
    color: #fff;
    text-align: center
}

.scf-modal-dialog h2 {
    color: #fff;
    margin-bottom: 10px;
    text-align: left;
    line-height: 24px
}

.scf-modal-dialog input,
.scf-modal-dialog select,
.scf-modal-dialog option,
.scf-modal-dialog textarea {
    color: #333
}

.scf-modal-close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 20px;
    font-weight: 100;
    cursor: pointer;
    line-height: 24px
}

.scf-error {
    border: 2px solid !important;
    border-color: #eb413c !important
}

.scf-js-error-message {
    background-color: #eb413c;
    color: #fff;
    border-radius: 6px
}

.scf-js-error-message:before {
    font-family: SCFIcons;
    content: "\f10d";
    padding-left: 5px;
    padding-right: 5px
}

.scf-icon-dblright:before {
    content: "   ";
    font-size: 14px;
    font-family: SCFIcons
}

.scf-horizontal-tag-list {
    display: inline;
    padding: 0
}

.scf-horizontal-tag-list li {
    display: inline-block;
    list-style-type: none;
    margin-bottom: 5px
}

.scf-selected-tag {
    padding: 5px;
    margin-right: 5px;
    background-color: #969696;
    color: #fff;
    font-size: 13px
}

.scf-selected-tag .scf-remove-tag:before {
    font-family: SCFIcons;
    content: "\f14d"
}

.scf-icon-folder:before {
    content: "";
    font-family: SCFIcons
}

.scf-icon-gear-after:after {
    content: "\f1c5";
    font-family: SCFIcons
}

.scf-icon-add:before {
    content: "\f106";
    font-family: SCFIcons
}

.scf-icon-attachment:before {
    content: "";
    font-family: SCFIcons
}

.scf-icon-check-after:after {
    content: "\f145";
    font-family: SCFIcons
}

.scf-icon-camera:before {
    content: "\f13b";
    font-family: SCFIcons
}

.scf-icon-image:before {
    content: "\f1ed";
    font-family: SCFIcons
}

.scf-icon-calendar:before {
    content: "\f137";
    font-family: SCFIcons
}

.scf-icon-delete:before {
    content: "\f171";
    font-family: SCFIcons
}

.scf-icon-right:before {
    content: "\f102"
}

.scf-icon-left:before {
    content: "\f101"
}

.scf-pages {
    margin: 10px 0;
    padding: 5px 0
}

.scf-pages-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.scf-pages-list:first-child {
    border-top: solid;
    border-width: 1px;
    border-color: #e6e6e6
}

.scf-pages-list:last-child {
    border-bottom: solid;
    border-width: 1px;
    border-color: #e6e6e6
}

.scf-pages-list-item {
    display: inline-block;
    margin: 3px 0
}

.scf-page {
    cursor: pointer;
    display: inline-block;
    padding: 1px 3px;
    border: 1px solid #227ecb;
    min-width: 16px;
    text-align: center
}

a.scf-currentPage {
    color: #fff;
    border: 0;
    background: #dcdcdc;
    cursor: default
}

.scf .scf-load-more {
    display: block;
    text-align: right;
    font-size: 12px
}

.scf .scf-replies-count {
    display: inline-block
}

.scf-overlay-header h3 {
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px
}

.scf-is-overlay-hidden {
    display: none
}

.scf-action-container .scf-action-item {
    float: left;
    margin: 6px 10px 6px 0
}

.cmp-image__image {
    width: 100%
}

.cmp-breadcrumb {
    display: inline-block;
    list-style: none;
    padding: 0
}

.cmp-breadcrumb__item {
    display: inline-block;
    vertical-align: top
}

.scf-quicksearch-form-group {
    position: relative;
    z-index: 101
}

.scf-quicksearch-form-group ul.ui-autocomplete {
    width: 400px
}

.scf-quicksearch-form-group .ui-menu-item {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px
}

.scf-quicksearch-form-group .ui-menu-item .glyphicon {
    display: inline-block;
    margin: 7px 10px 0 0
}

.scf-quicksearch-form-group .scf-quicksearch-item-url {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    margin-left: 25px;
    width: 320px;
    font-size: 12px
}

.ui-autocomplete {
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden
}

.core-form-control {
    display: block;
    width: 100%
}

/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,
*::before,
*::after {
    box-sizing: inherit
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

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

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media(min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media(min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media(min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -0.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important
}

.m-n2 {
    margin: -0.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media(min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -0.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important
    }

    .m-sm-n2 {
        margin: -0.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media(min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -0.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important
    }

    .m-md-n2 {
        margin: -0.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media(min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -0.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important
    }

    .m-lg-n2 {
        margin: -0.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media(min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -0.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important
    }

    .m-xl-n2 {
        margin: -0.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1,
.h1 {
    font-size: 2.5rem
}

h2,
.h2 {
    font-size: 2rem
}

h3,
.h3 {
    font-size: 1.75rem
}

h4,
.h4 {
    font-size: 1.5rem
}

h5,
.h5 {
    font-size: 1.25rem
}

h6,
.h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

small,
.small {
    font-size: 80%;
    font-weight: 400
}

mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

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

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media(min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table th,
.table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm th,
.table-sm td {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075)
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #b8daff
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #d6d8db
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>th,
.table-success>td {
    background-color: #c3e6cb
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>th,
.table-info>td {
    background-color: #bee5eb
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #ffeeba
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #f5c6cb
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>th,
.table-light>td {
    background-color: #fdfdfe
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>th,
.table-dark>td {
    background-color: #c6c8ca
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>th,
.table-active>td {
    background-color: rgba(0, 0, 0, 0.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, 0.075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075)
}

@media(max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media(max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media(max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media(max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[size],
select.form-control[multiple] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: .25rem
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0088'%3e%3cpathfill='%2328a745'd='M2.36.73L.64.53c-.4-1.04.46-1.41.1-.8l1.11.43.4-3.8c.6-.631.6-.271.2.7l-44.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.25)
}

.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip {
    display: block
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc((1em + 0.75rem) * 3 / 4+1.75rem);
    background: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0045'%3e%3cpathfill='%23343a40'd='M20L02h4zm05L03h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0088'%3e%3cpathfill='%2328a745'd='M2.36.73L.64.53c-.4-1.04.46-1.41.1-.8l1.11.43.4-3.8c.6-.631.6-.271.2.7l-44.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.25)
}

.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip,
.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: #28a745
}

.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
    color: #28a745
}

.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
    border-color: #28a745
}

.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip,
.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.25)
}

.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
    border-color: #28a745
}

.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip,
.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip {
    display: block
}

.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: .25rem
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'fill='%23dc3545'viewBox='-2-277'%3e%3cpathstroke='%23dc3545'd='M00l33m0-3L03'/%3e%3ccircler='.5'/%3e%3ccirclecx='3'r='.5'/%3e%3ccirclecy='3'r='.5'/%3e%3ccirclecx='3'cy='3'r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.25)
}

.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip,
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc((1em + 0.75rem) * 3 / 4+1.75rem);
    background: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0045'%3e%3cpathfill='%23343a40'd='M20L02h4zm05L03h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'fill='%23dc3545'viewBox='-2-277'%3e%3cpathstroke='%23dc3545'd='M00l33m0-3L03'/%3e%3ccircler='.5'/%3e%3ccirclecx='3'r='.5'/%3e%3ccirclecy='3'r='.5'/%3e%3ccirclecx='3'cy='3'r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.25)
}

.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip,
.form-control-file.is-invalid~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: #dc3545
}

.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
    color: #dc3545
}

.was-validated .custom-control-input:invalid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before {
    border-color: #dc3545
}

.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip,
.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.custom-control-input.is-invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.25)
}

.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip,
.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.25)
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media(min-width:576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group,
    .form-inline .custom-select {
        width: auto
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, 0.5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, 0.5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, 0.5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, 0.5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, 0.5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info:focus,
.btn-info.focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, 0.5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, 0.5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning:focus,
.btn-warning.focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, 0.5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, 0.5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger:focus,
.btn-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, 0.5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, 0.5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light:focus,
.btn-light.focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, 0.5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, 0.5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark:focus,
.btn-dark.focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, 0.5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, 0.5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, 0.5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, 0.5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, 0.5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, 0.5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, 0.5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, 0.5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:focus,
.btn-outline-light.focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, 0.5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, 0.5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, 0.5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, 0.5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link:focus,
.btn-link.focus {
    text-decoration: underline;
    box-shadow: none
}

.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-lg,
.btn-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-sm,
.btn-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media(min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media(min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media(min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media(min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover {
    z-index: 1
}

.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
    z-index: 1
}

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type="radio"],
.btn-group-toggle>.btn input[type="checkbox"],
.btn-group-toggle>.btn-group>.btn input[type="radio"],
.btn-group-toggle>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-control-plaintext,
.input-group>.custom-select,
.input-group>.custom-file {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.form-control+.form-control,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.custom-file,
.input-group>.form-control-plaintext+.form-control,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.custom-select+.form-control,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file {
    margin-left: -1px
}

.input-group>.form-control:focus,
.input-group>.custom-select:focus,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.form-control:not(:last-child),
.input-group>.custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.form-control:not(:first-child),
.input-group>.custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-prepend,
.input-group-append {
    display: -ms-flexbox;
    display: flex
}

.input-group-prepend .btn,
.input-group-append .btn {
    position: relative;
    z-index: 2
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
    z-index: 3
}

.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
    margin-top: 0
}

.input-group-lg>.form-control:not(textarea),
.input-group-lg>.custom-select {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.form-control,
.input-group-lg>.custom-select,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.form-control:not(textarea),
.input-group-sm>.custom-select {
    height: calc(1.5em + 0.5rem + 2px)
}

.input-group-sm>.form-control,
.input-group-sm>.custom-select,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0088'%3e%3cpathfill='%23fff'd='M6.564.75l-3.593.612-1.538-1.55L04.262.9747.2582.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0044'%3e%3cpathstroke='%23fff'd='M02h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'viewBox='-4-488'%3e%3ccircler='3'fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0045'%3e%3cpathfill='%23343a40'd='M20L02h4zm05L03h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}

.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: calc(1rem + 0.4rem);
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {

    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar>.container,
.navbar>.container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media(max-width:575.98px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media(max-width:767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:768px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media(max-width:991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media(max-width:1199.98px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:1200px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5)
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3)
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvgviewBox='003030'xmlns='http://www.w3.org/2000/svg'%3e%3cpathstroke='rgba(0,0,0,0.5)'stroke-width='2'stroke-linecap='round'stroke-miterlimit='10'd='M47h22M415h22M423h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5)
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25)
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvgviewBox='003030'xmlns='http://www.w3.org/2000/svg'%3e%3cpathstroke='rgba(255,255,255,0.5)'stroke-width='2'stroke-linecap='round'stroke-miterlimit='10'd='M47h22M415h22M423h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125)
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media(min-width:576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0;
        flex: 1 0 0;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media(min-width:576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-group>.card {
        -ms-flex: 1 0 0;
        flex: 1 0 0;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-top,
    .card-group>.card:not(:last-child) .card-header {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-bottom,
    .card-group>.card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-top,
    .card-group>.card:not(:first-child) .card-header {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-bottom,
    .card-group>.card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media(min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion>.card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card .card-header {
    margin-bottom: -1px
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:hover,
a.badge:focus {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:hover,
a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary:focus,
a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:hover,
a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary:focus,
a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, 0.5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:hover,
a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success:focus,
a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:hover,
a.badge-info:focus {
    color: #fff;
    background-color: #117a8b
}

a.badge-info:focus,
a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, 0.5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:hover,
a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning:focus,
a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, 0.5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:hover,
a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger:focus,
a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:hover,
a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light:focus,
a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, 0.5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:hover,
a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark:focus,
a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, 0.5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media(min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

.list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0
}

.list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: 0
}

@media(min-width:576px) {
    .list-group-horizontal-sm {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .list-group-horizontal-sm .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

    .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
}

@media(min-width:768px) {
    .list-group-horizontal-md {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .list-group-horizontal-md .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

    .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
}

@media(min-width:992px) {
    .list-group-horizontal-lg {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .list-group-horizontal-lg .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

    .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
}

@media(min-width:1200px) {
    .list-group-horizontal-xl {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .list-group-horizontal-xl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

    .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush .list-group-item:last-child {
    margin-bottom: -1px
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

a.close.disabled {
    pointer-events: none
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media(min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media(min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
    padding: .4rem 0
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 .4rem
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
    padding: .4rem 0
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 .4rem
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
    margin-bottom: .5rem
}

.bs-popover-top>.arrow,
.bs-popover-auto[x-placement^="top"]>.arrow {
    bottom: calc((0.5rem + 1px) * -1)
}

.bs-popover-top>.arrow::before,
.bs-popover-auto[x-placement^="top"]>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25)
}

.bs-popover-top>.arrow::after,
.bs-popover-auto[x-placement^="top"]>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-right,
.bs-popover-auto[x-placement^="right"] {
    margin-left: .5rem
}

.bs-popover-right>.arrow,
.bs-popover-auto[x-placement^="right"]>.arrow {
    left: calc((0.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-right>.arrow::before,
.bs-popover-auto[x-placement^="right"]>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.bs-popover-right>.arrow::after,
.bs-popover-auto[x-placement^="right"]>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^="bottom"] {
    margin-top: .5rem
}

.bs-popover-bottom>.arrow,
.bs-popover-auto[x-placement^="bottom"]>.arrow {
    top: calc((0.5rem + 1px) * -1)
}

.bs-popover-bottom>.arrow::before,
.bs-popover-auto[x-placement^="bottom"]>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25)
}

.bs-popover-bottom>.arrow::after,
.bs-popover-auto[x-placement^="bottom"]>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-left,
.bs-popover-auto[x-placement^="left"] {
    margin-right: .5rem
}

.bs-popover-left>.arrow,
.bs-popover-auto[x-placement^="left"]>.arrow {
    right: calc((0.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-left>.arrow::before,
.bs-popover-auto[x-placement^="left"]>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.bs-popover-left>.arrow::after,
.bs-popover-auto[x-placement^="left"]>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

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

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0 .6s opacity
}

@media(prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media(prefers-reduced-motion:reduce) {

    .carousel-control-prev,
    .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50% / 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'fill='%23fff'viewBox='0088'%3e%3cpathd='M5.250l-44441.5-1.5-2.5-2.52.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'fill='%23fff'viewBox='0088'%3e%3cpathd='M2.750l-1.51.52.52.5-2.52.51.51.54-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media(prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0 {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0 {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

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

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media(min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media(min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media(min-width:576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media(min-width:768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media(min-width:992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media(min-width:1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports((position:-webkit-sticky) or(position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -0.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important
}

.m-n2 {
    margin: -0.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media(min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -0.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important
    }

    .m-sm-n2 {
        margin: -0.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media(min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -0.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important
    }

    .m-md-n2 {
        margin: -0.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media(min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -0.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important
    }

    .m-lg-n2 {
        margin: -0.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media(min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -0.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important
    }

    .m-xl-n2 {
        margin: -0.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media(min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media(min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

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

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:hover,
a.text-success:focus {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:hover,
a.text-info:focus {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:hover,
a.text-warning:focus {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:hover,
a.text-danger:focus {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:hover,
a.text-light:focus {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:hover,
a.text-dark:focus {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {

    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody+tbody {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('./clientlib-global/source/resources/fonts/glyphicons-halflings-regular.eot');
    src: url('./clientlib-global/source/resources/fonts/glyphicons-halflings-regular.eot?') format('embedded-opentype'), url('./clientlib-global/source/resources/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/glyphicons-halflings-regular.woff') format('woff'), url('./clientlib-global/source/resources/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('./clientlib-global/source/resources/fonts/glyphicons-halflings-regular.svg') format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

div#orderid {
    text-align: center
}

.aem-Grid {
    display: block;
    width: 100%
}

.aem-Grid::before,
.aem-Grid::after {
    display: table;
    content: " "
}

.aem-Grid::after {
    clear: both
}

.aem-Grid-newComponent {
    clear: both;
    margin: 0
}

.aem-GridColumn {
    box-sizing: border-box;
    clear: both
}

.aem-GridShowHidden>.aem-Grid>.aem-GridColumn {
    display: block !important
}

.aem-Grid {
    width: auto
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 14.28571429%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 28.57142857%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 42.85714286%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 57.14285714%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 71.42857143%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 85.71428571%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 14.28571429%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 28.57142857%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 42.85714286%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 57.14285714%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 71.42857143%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 85.71428571%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 12.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 37.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 62.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 87.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 11.11111111%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 22.22222222%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 44.44444444%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 55.55555556%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 77.77777778%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 88.88888889%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 11.11111111%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 22.22222222%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 44.44444444%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 55.55555556%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 77.77777778%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 88.88888889%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 10%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 30%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 70%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 90%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 10%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 30%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 70%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 90%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 9.09090909%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 18.18181818%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 27.27272727%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 36.36363636%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 45.45454545%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 54.54545455%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 63.63636364%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 72.72727273%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 81.81818182%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 90.90909091%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 9.09090909%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 18.18181818%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 27.27272727%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 36.36363636%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 45.45454545%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 54.54545455%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 63.63636364%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 72.72727273%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 81.81818182%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 90.90909091%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 8.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 41.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 58.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 91.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--12 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 14.28571429%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 28.57142857%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 42.85714286%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 57.14285714%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 71.42857143%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 85.71428571%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 14.28571429%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 28.57142857%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 42.85714286%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 57.14285714%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 71.42857143%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 85.71428571%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 12.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 37.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 62.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 87.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 11.11111111%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 22.22222222%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 44.44444444%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 55.55555556%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 77.77777778%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 88.88888889%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 11.11111111%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 22.22222222%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 44.44444444%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 55.55555556%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 77.77777778%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 88.88888889%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 10%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 30%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 70%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 90%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 10%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 30%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 70%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 90%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 9.09090909%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 18.18181818%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 27.27272727%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 36.36363636%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 45.45454545%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 54.54545455%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 63.63636364%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 72.72727273%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 81.81818182%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 90.90909091%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 9.09090909%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 18.18181818%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 27.27272727%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 36.36363636%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 45.45454545%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 54.54545455%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 63.63636364%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 72.72727273%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 81.81818182%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 90.90909091%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 8.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 41.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 58.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 91.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--12 {
    margin-left: 100%
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--newline {
    display: block;
    clear: both !important
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--none {
    display: block;
    clear: none !important;
    float: left
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--hide {
    display: none
}

@media(max-width:650px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--1>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--1>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--1>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
        margin-left: 100%
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--newline {
        display: block;
        clear: both !important
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--none {
        display: block;
        clear: none !important;
        float: left
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--hide {
        display: none
    }
}

@media(min-width:651px) and (max-width:1200px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--1>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--1>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--1>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
        margin-left: 100%
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--tablet--newline {
        display: block;
        clear: both !important
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--tablet--none {
        display: block;
        clear: none !important;
        float: left
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--tablet--hide {
        display: none
    }
}

.aem-GridColumn {
    padding: 0 15px
}

.aem-GridColumn.text.parbase p {
    *padding: 0 20px;
    text-align: justify
}

.cmpTitle.title-left .cmp-title {
    text-align: left
}

.cmpTitle.title-right .cmp-title {
    text-align: right
}

.cmpTitle.title-center .cmp-title {
    text-align: center
}

.cmpTitle.add-underline .cmp-title {
    text-decoration: underline
}

.title_link.left {
    text-align: left
}

.title_link.right {
    text-align: right
}

.title_link.center {
    text-align: center
}

.text {
    word-wrap: break-word
}

.mailto-Container {
    width: 100%;
    padding: 20px
}

.mailto-Container .mailto-Align {
    min-width: 200px;
    padding: 0;
    margin: 0 auto;
    display: inline-block
}

.mailto-Container .mailto-Align .mailto-Button {
    padding: 5px;
    max-width: 100%;
    text-align: center
}

.mailto-Container .mailto-Align .mailto-Button a {
    text-decoration: none;
    color: #fff;
    font-weight: 400
}

.mailto.mail_align_right .mailto-Container {
    text-align: right
}

.mailto.mail_align_center .mailto-Container {
    text-align: center
}

.mailto.mail_align_left .mailto-Container {
    text-align: left
}

.electronics-list.color_white .list-full .list-item .list-container .full {
    color: #fff
}

.electronics-list.color_white .list-full .list-item .list-container a .full {
    color: #fff
}

.electronics-list.cardImageSize-max .list-item .card-image {
    height: auto
}

.electronics-list.cardImageSize-max .list-item .card-image img {
    max-height: 100%
}

.electronics-list.grid-equal-height .list-wrapper {
    display: flex;
    flex-wrap: wrap
}

.electronics-list .listComponent-CTA {
    width: 100%;
    position: absolute;
    bottom: 1rem;
    left: 0;
    padding: 0 10px
}

.electronics-list .listComponent-CTA a {
    border: 1px solid transparent;
    padding: 10px 20px
}

.electronics-list .listComponent-CTA a:hover {
    color: #fff !important;
    background-color: #beff00;
    border-color: #beff00;
    text-decoration: none
}

.electronics-list .mainTitle {
    padding: 10px
}

.electronics-list .listComponent-Title ul {
    padding-left: 0
}

.electronics-list .listComponent-Title li {
    list-style-type: none
}

.electronics-list .listComponent-Title li a {
    text-decoration: underline
}

.electronics-list .listComponent-Element {
    position: relative;
    width: 100%
}

.electronics-list .listComponent-Element img {
    max-width: 100%;
    display: none
}

.electronics-list .listComponent-Element .listComponent-Description {
    word-wrap: break-word
}

.electronics-list .listComponent-Element .listComponent-Title,
.electronics-list .listComponent-Element .listComponent-Description,
.electronics-list .listComponent-Element .listComponent-CTA {
    display: none
}

.electronics-list .listComponent-Element {
    border: 1px solid transparent;
    padding-bottom: 10px
}

.electronics-list .listComponent-Element h1,
.electronics-list .listComponent-Element h2,
.electronics-list .listComponent-Element h3,
.electronics-list .listComponent-Element h4,
.electronics-list .listComponent-Element h5,
.electronics-list .listComponent-Element h6 {
    margin: 0;
    padding: 0
}

.electronics-list.description-three-lines .listComponent-Element .listComponent-Description {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 75px;
    padding-bottom: 30px;
    margin-bottom: 60px
}

@media(max-width:480px) {
    .electronics-list.description-three-lines .listComponent-Element .listComponent-Description {
        height: 60px
    }
}

.electronics-list.list-title-underline .listComponent-Element h1 li,
.electronics-list.list-title-underline .listComponent-Element h2 li,
.electronics-list.list-title-underline .listComponent-Element h3 li,
.electronics-list.list-title-underline .listComponent-Element h4 li,
.electronics-list.list-title-underline .listComponent-Element h5 li,
.electronics-list.list-title-underline .listComponent-Element h6 li {
    text-decoration: underline
}

.electronics-list.list-cta-circle .listComponent-Element .listComponent-CTA a {
    border-radius: 25px
}

.electronics-list.list-cta-rounded .listComponent-Element .listComponent-CTA a {
    border-radius: 10px
}

.electronics-list.list-circle .listComponent-Element img {
    border-radius: 50%
}

.electronics-list.list-rounded-corner .listComponent-Element {
    border-radius: 15px
}

.electronics-list.list-rounded-corner .listComponent-Element img {
    border-radius: 15px
}

.electronics-list.list-rounded-corner.list-circle .listComponent-Element img {
    border-radius: 50%
}

.electronics-list.list-image .listComponent-Element img {
    display: block;
    margin: 0 auto 15px auto
}

.electronics-list.list-image-half-width .listComponent-Element img {
    width: 50%
}

.electronics-list.list-bullets .listComponent-Title li {
    list-style-type: disc
}

.electronics-list.list-bullets .listComponent-Title ul {
    padding-left: 40px
}

.electronics-list.list-titletext .listComponent-Element .listComponent-Title {
    display: block
}

.electronics-list.list-titletext .listComponent-Element .listComponent-Title ul li a:hover {
    text-decoration: none;
    color: #666 !important;
    text-decoration: underline
}

.electronics-list.list-descriptiontext .listComponent-Element .listComponent-Description {
    display: block
}

.electronics-list.list-CTA .listComponent-Element .listComponent-CTA {
    display: block;
    margin: 20px 0 10px 0
}

.electronics-list.list-CTA .listComponent-Element .listComponent-Description {
    padding-bottom: 50px
}

.electronics-list.list-padding .listComponent-Element {
    padding: 10px
}

.electronics-list.list-two-column-grid .listComponent-Element {
    width: 49.5%;
    display: inline-block
}

@media(max-width:480px) {
    .electronics-list.list-two-column-grid .listComponent-Element {
        width: 100%
    }
}

.electronics-list.list-three-column-grid .listComponent-Element {
    width: 33%;
    display: inline-block
}

@media(min-width:481px) and (max-width:768px) {
    .electronics-list.list-three-column-grid .listComponent-Element {
        width: 49.5%
    }
}

@media(max-width:480px) {
    .electronics-list.list-three-column-grid .listComponent-Element {
        width: 100%
    }
}

.electronics-list.list-four-column-grid .listComponent-Element {
    width: 24.5%;
    display: inline-block
}

@media(min-width:481px) and (max-width:768px) {
    .electronics-list.list-four-column-grid .listComponent-Element {
        width: 49.5%
    }
}

@media(max-width:480px) {
    .electronics-list.list-four-column-grid .listComponent-Element {
        width: 100%
    }
}

.electronics-list.list-margin .listComponent-Element {
    width: 98%;
    margin: 0 1% 10px 1%
}

.electronics-list.list-two-column-grid.list-margin .listComponent-Element {
    width: 48%;
    margin: 0 .5% 10px .5%
}

@media(max-width:480px) {
    .electronics-list.list-two-column-grid.list-margin .listComponent-Element {
        width: 99%;
        margin: 0 .5% 10px .5%
    }
}

.electronics-list.list-three-column-grid.list-margin .listComponent-Element {
    width: 31.5%;
    margin: 0 .75% 10px .75%
}

@media(min-width:481px) and (max-width:768px) {
    .electronics-list.list-three-column-grid.list-margin .listComponent-Element {
        width: 48%;
        margin: 0 .5% 10px .5%
    }
}

@media(max-width:480px) {
    .electronics-list.list-three-column-grid.list-margin .listComponent-Element {
        width: 99%;
        margin: 0 .5% 10px .5%
    }
}

.electronics-list.list-four-column-grid.list-margin .listComponent-Element {
    width: 22.5%;
    margin: 0 1% 10px 1%
}

@media(min-width:481px) and (max-width:768px) {
    .electronics-list.list-four-column-grid.list-margin .listComponent-Element {
        width: 48%;
        margin: 0 .5% 10px .5%
    }
}

@media(max-width:480px) {
    .electronics-list.list-four-column-grid.list-margin .listComponent-Element {
        width: 99%;
        margin: 0 .5% 10px .5%
    }
}

.electronics-list.list-title-left .listComponent-Title {
    text-align: left
}

.electronics-list.list-title-center .listComponent-Title {
    text-align: center
}

.electronics-list.list-title-right .listComponent-Title {
    text-align: right
}

.electronics-list.list-description-left .listComponent-Description {
    text-align: left
}

.electronics-list.list-description-center .listComponent-Description {
    text-align: center
}

.electronics-list.list-description-right .listComponent-Description {
    text-align: right
}

.electronics-list.list-cta-left .listComponent-CTA {
    text-align: left
}

.electronics-list.list-cta-center .listComponent-CTA {
    text-align: center
}

.electronics-list.list-cta-right .listComponent-CTA {
    text-align: right
}

.electronics-list .list-body.full a:hover {
    text-decoration: none;
    color: #000 !important
}

.electronics-list .list-container .dl-list-title:hover {
    color: #000
}

.electronics-list.list-medium-font .list-full h3 {
    font-family: "APKProtocol Medium"
}

.electronics-list.list-medium-font .list-full h4 {
    font-family: "APKProtocol Medium"
}

.electronics-list.list-medium-font .list-full h5 {
    font-family: "APKProtocol Medium"
}

.electronics-list.list-medium-font .list-full .list-item .list-container .full {
    font-family: "APKProtocol Medium"
}

.electronics-list.list-medium-font .list-full .list-item .list-container a .full {
    font-family: "APKProtocol Medium"
}

.electronics-list.list-medium-font .list-full .dl-list-title {
    font-family: "APKProtocol Medium"
}

.align-image-center-custom .card-image.full {
    padding-left: 3em
}

@media(min-width:992px) {
    .gs-list-view.carousel-yes .card-carousel .card-row .slick-list {
        width: 862px
    }
}

@media(min-width:1200px) {
    .gs-list-view.carousel-yes .card-carousel .card-row .slick-list {
        width: 1155px
    }
}

.gs-list-view.carousel-yes .card-carousel .card-row .slick-prev {
    top: -23px;
    right: 115px
}

.gs-list-view.carousel-yes .card-carousel .card-row .slick-next {
    top: -23px;
    right: 69px
}

.ws-full-list .row {
    margin: 0
}

@media screen and (max-width:1023px) {
    .ws-full-list .row {
        margin: 0
    }
}

.ws-full-list.list-full h4:after {
    background-color: transparent;
    height: 0;
    width: 0
}

.ws-full-list.list-full h4:after .card-image {
    background-position-x: left
}

@media screen and (max-width:1023px) {
    .ws-full-list.list-full .list-item .list-container {
        padding-right: 22px
    }
}

.ws-full-list.list-full .list-item .list-container .card-image {
    margin-bottom: 56px
}

@media(min-width:481px) {
    .ws-full-list.list-full .col-sm-4 {
        max-width: 33.3333%;
        flex: 0 0 33.3333%
    }
}

@media(max-width:480px) {
    .ws-full-list.list-full p {
        font-size: 12px
    }

    .ws-full-list.list-full .list-item .list-container .card-image {
        margin-bottom: 40px
    }
}

@media(max-width:768px) {
    .ws-full-list.list-full .list-item .list-container .card-image {
        margin-bottom: 40px
    }
}

@media(max-width:575px) {
    .ws-full-list.list-full .list-item:nth-child(n+2)::before {
        background-color: transparent;
        display: none
    }
}

.ws-full-list.container .list-item {
    padding-left: 15px;
    padding-right: 15px
}

.ws-full-list.container .list-item:first-child {
    padding-left: 0
}

@media(max-width:991px) {
    .ws-full-list.container .list-item {
        padding: 0
    }
}

@media(max-width:480px) {
    .ws-full-list.container .list-item {
        padding: 0
    }
}

@media screen and (max-width:1023px) {
    .list-full .list-item:nth-child(2n+1) .list-container {
        padding-right: 0 !important
    }
}

.TIList {
    background-color: #000;
    color: #fff
}

.TIList .TI_Header .TI_Header-title {
    font-size: 32px;
    text-align: left;
    color: #fff;
    font-family: APKProtocol Regular
}

@media(max-width:767px) {
    .TIList .TI_Header .TI_Header-title {
        font-size: 20px;
        line-height: 2.1
    }
}

.TIList .TI_Header p {
    font-family: APKProtocol Regular;
    margin-top: 29px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;
    text-align: left;
    color: #fff
}

@media(max-width:767px) {
    .TIList .TI_Header p {
        font-size: 14px;
        line-height: 1.71
    }
}

.TIList .TI_Grid {
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0;
    margin-top: 57px;
    padding: 40px;
    padding-top: 10px;
    padding-top: 22px
}

.TIList .TI_Grid .TI_Grid-title {
    overflow: hidden;
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 20px;
    color: #fff
}

@media(max-width:767px) {
    .TIList .TI_Grid .TI_Grid-title {
        margin: 0;
        height: auto;
        padding-bottom: 0
    }
}

.TIList .TI_Grid .TI_Grid-title img {
    float: right
}

.TIList .TI_Grid h5 {
    color: #fff
}

.TIList .TI_Grid .TI_Grid-button {
    line-height: 1.5;
    text-align: left;
    color: #fff;
    font-family: APKProtocol Regular;
    bottom: 0;
    color: #fff;
    width: 90%
}

.TIList .TI_Grid .TI_Grid-button:after {
    content: '\279D';
    float: right;
    margin-left: 2.1875rem;
    font-weight: bold;
    font-size: 1.25rem
}

.TIList .TI_Grid .TI_Grid-button:last-of-type(3n-1) {
    border-bottom: 0
}

.TIList .TI_Grid .TI_Grid-button:hover {
    color: #beff00
}

@media(max-width:767px) {

    .TIList .TI_Grid .TI_Grid-button:active,
    .TIList .TI_Grid .TI_Grid-button:focus {
        color: #beff00
    }
}

.TIList .TI_Grid .TI_SubGrid .col-md-6 {
    margin-bottom: 25px
}

@media(max-width:767px) {
    .TIList .TI_Grid .TI_SubGrid .col-md-6 {
        padding: 15px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        margin: 0
    }
}

@media(max-width:767px) {
    .TIList .TI_Grid .TI-GridContent {
        padding-bottom: 10px
    }
}

.TIList .TI_Grid .TI-GridContent p {
    color: #fff
}

@media(max-width:767px) {
    .TIList .TI_Grid .TI-GridContent p {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .TIList .TI_MainGrid {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5)
    }
}

.TIList .TI_MainGrid p {
    font-size: 18px;
    font-family: APKProtocol Regular;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

@media(max-width:767px) {
    .TIList .TI_MainGrid p {
        font-size: 14px;
        line-height: 1.71
    }
}

.TIList .TI_SubGrid .TI-GridContent p {
    overflow: hidden;
    font-size: 14px;
    font-family: APKProtocol Regular;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

@media(max-width:576px) {
    .TIList .TI_MainGrid {
        padding: 0
    }
}

@media(max-width:576px) and (max-width:767px) {
    .TIList .TI_MainGrid p {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .TIList .TI_Grid {
        padding: 0;
        border: 0;
        margin-top: 10px
    }

    .TIList .TI_Grid .TI_Grid-title {
        font-family: APKProtocol Regular
    }

    .TIList .TI_Grid .TI_Grid-title .img-toggle {
        float: right;
        padding: 0 .75rem
    }

    .TIList .TI_Grid .TI_Grid-title .img-toggle :before {
        position: absolute;
        top: 18px;
        margin-right: 10px;
        color: #fff
    }

    .TIList .TI_Grid .TI-GridContent {
        display: none;
        font-size: 14px;
        font-family: inherit
    }

    .TIList .TI_Grid .TI_SubGrid .row {
        margin-bottom: 0
    }
}

@media(min-width:767px) {

    .TI_SubGrid .col-md-6:first-child .TI-GridContent,
    .TI_SubGrid .col-md-6:nth-child(2) .TI-GridContent {
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5)
    }
}

.tnap-list-group .list_head {
    font-family: APKProtocol Regular;
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.tnap-list-group .list_head_desc {
    padding-bottom: 48px;
    font-family: APKProtocol Regular;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.78;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.tnap-list-group h5.listComponent-Title ul li {
    padding: 10px 0 0 0;
    font-family: APKProtocol Regular;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.tnap-list-group h5.listComponent-Title ul li a {
    padding: 10px 0 0 0;
    font-family: APKProtocol Regular;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.tnap-list-group .listComponent-Element {
    border-bottom: 0
}

.tnap-list-group .listComponent-Element:nth-last-child(n+4) {
    border-bottom: 1px solid #d6d0d0 !important
}

.tnap-list-group .listComponent-Element {
    width: 30% !important;
    margin-right: 3% !important
}

.tnap-list-group h5.listComponent-Title ul li a:hover {
    color: #beff00
}

.tnap-list-group h5.listComponent-Title ul li a:not([href]):hover {
    color: #000
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .tnap-list-group .listComponent-Element {
        width: 42% !important;
        margin-right: 5% !important
    }

    .tnap-list-group .listComponent-Element:nth-last-child(n+3) {
        border-bottom: 1px solid #d6d0d0 !important
    }
}

@media only screen and (min-width:360px) and (max-width:768px) {
    .tnap-list-group.container .list_head {
        padding: 27px 0 27px 0;
        font-family: APKProtocol Regular;
        font-size: 24px;
        line-height: 1.17
    }

    .tnap-list-group.container .list_head_desc {
        padding: 0;
        padding-bottom: 18px;
        font-family: APKProtocol Regular;
        font-size: 14px;
        line-height: 1.78
    }

    .tnap-list-group.container h5.listComponent-Title ul li {
        padding: 10px 0 0 0;
        font-family: APKProtocol Regular;
        font-size: 14px;
        line-height: 2.14
    }

    .tnap-list-group.container h5.listComponent-Title ul li a {
        padding: 10px 0 0 0;
        font-family: APKProtocol Regular;
        font-size: 14px;
        line-height: 2.14
    }

    .tnap-list-group.container .listComponent-Element {
        width: 99% !important;
        margin-right: 8% !important
    }

    .tnap-list-group.container .listComponent-Element:nth-last-child(n+2) {
        border-bottom: 1px solid #d6d0d0 !important;
        width: 99% !important
    }
}

h5.listComponent-Title.TIapplication {
    padding: 10px 0 0 0;
    line-height: 1.54
}

@media only screen and (min-width:360px) and (max-width:768px) {
    .TIapplication {
        font-family: APKProtocol Regular;
        font-size: 14px
    }
}

.TIapplication a {
    font-family: APKProtocol Regular;
    font-size: 18px;
    color: #000
}

.TIapplication a:hover,
.TIapplication a:focus {
    color: #beff00
}

@media only screen and (min-width:360px) and (max-width:768px) {
    .TIapplication a {
        font-size: 14px
    }
}

.TIapplication .img-toggle {
    float: right;
    line-height: 1;
    padding: 0 .75rem
}

.TIapplication .img-toggle :before {
    position: absolute;
    top: 14px;
    margin-right: 10px;
    color: #000
}

.TIAppContent {
    display: none;
    margin: 20px
}

.left-image-with-text.list-show-all .hidden {
    display: block !important
}

.left-image-with-text .rows {
    column-count: 2;
    column-gap: 4%
}

@media only screen and (max-width:576px) {
    .left-image-with-text .rows {
        column-count: 1
    }
}

.left-image-with-text .rows .list-item {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
}

@media only screen and (max-width:576px) {
    .left-image-with-text .rows .list-item {
        display: block
    }
}

.left-image-with-text .rows .list-item.hidden {
    display: none
}

.left-image-with-text .rows .list-item .list-container {
    border: 1px solid #beff00;
    padding: 15px;
    margin-left: 0;
    display: flex
}

@media only screen and (max-width:768px) {
    .left-image-with-text .rows .list-item .list-container {
        flex-direction: column
    }
}

@media only screen and (max-width:576px) {
    .left-image-with-text .rows .list-item .list-container {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
}

.left-image-with-text .rows .list-item .list-container .card-image {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    flex: 0 0 30%
}

@media only screen and (min-width:1200px) {
    .left-image-with-text .rows .list-item .list-container .card-image {
        width: 25%;
        flex: 0 0 25%
    }
}

@media only screen and (max-width:768px) {
    .left-image-with-text .rows .list-item .list-container .card-image {
        width: 100%
    }
}

.left-image-with-text .rows .list-item .list-container .card-image img {
    width: 100%
}

@media only screen and (max-width:768px) {
    .left-image-with-text .rows .list-item .list-container .card-image img {
        max-height: 150px;
        width: auto
    }
}

.left-image-with-text .rows .list-item .list-container .text-wrap {
    align-self: center
}

@media only screen and (max-width:576px) {
    .left-image-with-text .rows .list-item .list-container .text-wrap {
        align-self: unset
    }
}

.left-image-with-text .rows .list-item .list-container .text-wrap h5 {
    font-family: "APKProtocol Semibold"
}

@media only screen and (max-width:576px) {
    .left-image-with-text .rows .list-item .list-container .text-wrap h5 {
        font-size: 14px
    }
}

.left-image-with-text .rows .list-item .list-container .text-wrap .list-body {
    font-family: "APKProtocol Regular"
}

.left-image-with-text .rows .list-item .list-container .text-wrap .list-body p,
.left-image-with-text .rows .list-item .list-container .text-wrap .list-body a,
.left-image-with-text .rows .list-item .list-container .text-wrap .list-body li,
.left-image-with-text .rows .list-item .list-container .text-wrap .list-body span,
.left-image-with-text .rows .list-item .list-container .text-wrap .list-body div {
    font-family: "APKProtocol Regular"
}

.left-image-with-text .rows .list-item .list-container .text-wrap .list-body ul {
    padding-left: 12px
}

.left-image-with-text .rows .list-item .list-container .text-wrap .action {
    text-align: right
}

.left-image-with-text .rows .list-item .list-container .text-wrap .action a {
    font-family: "APKProtocol Regular"
}

.left-image-with-text .rows .list-item .list-container .text-wrap .action a span {
    margin-left: 3px
}

.left-image-with-text .rows .list-item .list-container .text-wrap .action a:hover {
    color: #beff00
}

.left-image-with-text .rows .list-item:nth-child(even) .list-container {
    margin-right: 0
}

.left-image-with-text .list-showmore-cta {
    width: 100%;
    text-align: center
}

.hi-with-subtitle .row {
    justify-content: center
}

.hi-with-subtitle .row .hover-list-item {
    max-width: 430px
}

.hi-with-subtitle .row .hover-list-item .card-title {
    min-height: 73px;
    height: auto !important;
    background: #fff;
    position: relative
}

@media only screen and (max-width:768px) {
    .hi-with-subtitle .row .hover-list-item .card-title {
        padding-bottom: 20px
    }
}

.hi-with-subtitle .row .hover-list-item .card-title .titles-wrap {
    width: calc(100% - 30px);
    padding: 10px 0;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width:768px) {
    .hi-with-subtitle .row .hover-list-item .card-title .titles-wrap {
        flex-direction: column-reverse
    }
}

.hi-with-subtitle .row .hover-list-item .card-title .titles-wrap h5 {
    max-width: unset !important;
    min-width: unset !important
}

@media only screen and (max-width:768px) {
    .hi-with-subtitle .row .hover-list-item .card-title .titles-wrap h5 {
        font-family: 'APKProtocol Semibold';
        font-size: 18px;
        line-height: unset;
        line-height: 22px
    }
}

.hi-with-subtitle .row .hover-list-item .card-title .titles-wrap h5:nth-child(2) {
    margin-top: 5px
}

@media only screen and (max-width:768px) {
    .hi-with-subtitle .row .hover-list-item .card-title .titles-wrap h5:nth-child(2) {
        font-size: 14px;
        font-family: 'APKProtocol Regular';
        line-height: 18px;
        margin-bottom: 5px
    }
}

.hi-with-subtitle .row .hover-list-item .card-title .fa {
    position: absolute;
    right: 15px
}

@media only screen and (max-width:768px) {
    .hi-with-subtitle .row .hover-list-item .card-title .fa {
        bottom: 15px
    }
}

.hi-with-subtitle .row .hover-list-item:hover .card-image:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0;
    left: 0
}

.image .cmp-image {
    position: relative
}

.image.image-component-border .cmp-image {
    border: 3px solid #e7ebee
}

.image .image-description {
    font-style: italic;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #12446d;
    padding: .5rem 1.625rem
}

.image .image-description p {
    margin-bottom: 0
}

.image .electronics-image__download {
    position: absolute;
    width: 25px;
    height: 25px;
    z-index: 1;
    bottom: 1rem;
    right: 1rem
}

.image .electronics-image_zoomin {
    position: absolute;
    width: 25px;
    height: 25px;
    z-index: 1;
    bottom: 1rem;
    right: 4rem
}

.image .electronics-image__wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.image .electronics-image__wrapper:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 25%;
    bottom: 0;
    opacity: .45;
    background-image: linear-gradient(to bottom, rgba(231, 235, 238, 0), #217ac6 100%)
}

@media(min-width:576px) {
    .modal-dialog {
        max-width: 80%
    }
}

.modal-dialog img {
    max-width: 100%
}

.divider-comp {
    margin: 0 auto
}

.divider-comp .divider-desktop {
    display: block
}

@media(max-width:768px) {
    .divider-comp .divider-desktop {
        display: none
    }
}

.divider-comp .divider-tablet {
    display: none
}

@media(min-width:481px) and (max-width:768px) {
    .divider-comp .divider-tablet {
        display: block
    }
}

.divider-comp .divider-mobile {
    display: none
}

@media(max-width:480px) {
    .divider-comp .divider-mobile {
        display: block
    }
}

a.btn.button-primary {
    padding: 12px 35px;
    margin: 10px 0;
    outline: 0;
    border-style: solid;
    border-width: 1px
}

@media(min-width:576px) {
    .container {
        max-width: inherit
    }
}

@media(min-width:768px) {
    .container {
        max-width: inherit
    }
}

@media(min-width:992px) {
    .container {
        max-width: inherit
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1440px;
        padding: 0 94px
    }
}

a.btn.multicta {
    padding: 12px 35px;
    margin: 10px 23.5px;
    outline: 0;
    text-align: center
}

.align-center .cta-alignments,
.align-center .link-with-arrow {
    text-align: center
}

.align-left .cta-alignments {
    text-align: left
}

.align-left .link-with-arrow .view-link-arrow {
    padding-left: 0
}

.align-right .cta-alignments,
.align-right .link-with-arrow {
    text-align: right
}

.cta-alignments {
    margin-top: 10px
}

.cta-alignments a {
    padding: 9px 26px !important;
    background: 0
}

.cta-alignments a:hover {
    background: 0;
    cursor: pointer
}

.cta-alignments.ctabtn-border-hover a {
    border: solid 1px #000;
    margin: 0;
    font-family: "APKProtocol Regular" !important
}

.cta-alignments.ctabtn-border-hover a:hover {
    border: solid 1px #beff00 !important;
    color: #beff00
}

@media(max-width:1023px) {
    .align-left .link-with-arrow .view-link-arrow {
        padding-left: 33px
    }

    .align-right .link-with-arrow {
        text-align: unset
    }
}

.cmp-CTA.align-left .button-component {
    text-align: left
}

.cmp-CTA.align-center .button-component {
    text-align: center
}

.cmp-CTA.align-right .button-component {
    text-align: right
}

.cmp-CTA.full-width .button-primary {
    width: 100%
}

.cmp-CTA.auto-width .button-primary {
    width: auto
}

.cmp-CTA.curve-bordered .button-primary {
    border-radius: 25px
}

.cmp-CTA.circle-bordered .button-primary {
    border-radius: 5px
}

.cmp-CTA.link-type a {
    padding: 0 !important;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/cta-arrow.svg');
    background-repeat: no-repeat;
    background-position: right 11px;
    padding-right: 30px !important;
    border: 0;
    padding: 0;
    margin: 0
}

@media only screen and (max-width:1023px) {
    .cmp-CTA.cta-mobile-padding {
        padding: 0 33px !important
    }
}

.cmp-CTA.CTAhover-border a {
    border: solid 1px #6e6e6e !important
}

.cmp-CTA.CTAhover-border a:hover {
    border: solid 1px #6e6e6e !important
}

.cmp-CTA.stack-vertical-mobile a {
    margin: 0 10px
}

@media only screen and (max-width:576px) {
    .cmp-CTA.stack-vertical-mobile a {
        display: block;
        width: fit-content;
        margin: auto;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .cmp-CTA.center-align-ei .button-component a {
        width: fit-content
    }
}

.link-with-arrow {
    max-width: 1440px;
    margin: 0 auto
}

.link-with-arrow .view-link-arrow {
    text-transform: uppercase;
    margin-top: 35px;
    display: inline-block;
    padding-right: 28px;
    font-family: "APKProtocol Bold";
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 2.4px;
    padding-left: 94px;
    background: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/webinar-icon.svg) right center no-repeat
}

.link-with-arrow .view-link-arrow:hover {
    color: #beff00
}

@media screen and (max-width:1023px) {
    .link-with-arrow .view-link-arrow {
        padding-left: 33px
    }
}

@media screen and (min-width:1024px) {
    .Mobile-Webinar-Left .link-with-arrow a {
        padding-left: 94px
    }

    .Mobile-Webinar-Middle .link-with-arrow a {
        padding-left: 40px
    }

    .Mobile-Webinar-Right .link-with-arrow a {
        padding-left: 3px
    }
}

.foundation-breadcrumb {
    padding: 10px 16px 0;
    list-style: none;
    margin-bottom: 0
}

.foundation-breadcrumb li {
    display: inline;
    font-size: 18px
}

.foundation-breadcrumb li:after {
    padding: 8px;
    content: '>'
}

.foundation-breadcrumb li:last-child:after {
    content: ''
}

.foundation-breadcrumb li:last-child {
    color: #beff00;
    pointer-events: none;
    cursor: default
}

.foundation-breadcrumb li a {
    color: black;
    text-decoration: none
}

.foundation-breadcrumb li a :hover {
    text-decoration: underline
}

.breadcrumb-gs .foundation-breadcrumb {
    padding: 0;
    font-family: "APKProtocol Regular" !important
}

.breadcrumb-gs .foundation-breadcrumb li:after {
    padding: 0 0 0 5px;
    font-size: 10px;
    color: #2e2926
}

.breadcrumb-gs .foundation-breadcrumb li span {
    color: #2e2926;
    font-family: "APKProtocol Regular" !important;
    font-size: 11px;
    letter-spacing: .39px
}

.breadcrumb-gs .foundation-breadcrumb li a {
    text-decoration: underline;
    font-family: "APKProtocol Regular"
}

.breadcrumb-gs .foundation-breadcrumb li a:hover span {
    color: #999
}

.foundation_breadcrumb_view2.color_red .foundation-breadcrumb li {
    font-size: 16px
}

.foundation_breadcrumb_view2.color_red .foundation-breadcrumb li a {
    font-size: 16px
}

.foundation_breadcrumb_view2.color_red .foundation-breadcrumb li a:hover {
    color: #beff00;
    font-weight: 400
}

.foundation_breadcrumb_view2.color_red .foundation-breadcrumb li:last-child a {
    text-decoration: none;
    color: #d3d3d3;
    font-weight: bold
}

.foundation_breadcrumb_view2.breadcrumb_view2 .foundation-breadcrumb {
    padding: 0
}

.foundation_breadcrumb_view2.breadcrumb_view2 .foundation-breadcrumb li {
    font-size: 16px
}

.foundation_breadcrumb_view2.breadcrumb_view2 .foundation-breadcrumb li a {
    color: #217ac6
}

.foundation_breadcrumb_view2.breadcrumb_view2 .foundation-breadcrumb li a:hover {
    font-weight: 400
}

.foundation_breadcrumb_view2.breadcrumb_view2 .foundation-breadcrumb li:last-child a {
    text-decoration: none;
    color: #d3d3d3;
    font-weight: bold
}

.foundation_breadcrumb_view2.breadcrumb_separator .foundation-breadcrumb li:after {
    content: '/'
}

.foundation_breadcrumb_view2.breadcrumb_separator .foundation-breadcrumb li:last-child:after {
    content: ''
}

.foundation_breadcrumb_view2.bc_view3 {
    width: 100% !important;
    padding-right: 33px;
    padding-left: 33px;
    margin: auto !important;
    float: none !important;
    clear: both !important
}

.foundation_breadcrumb_view2.bc_view3.aem-GridColumn--default--none {
    float: left !important
}

@media(min-width:1024px) {
    .foundation_breadcrumb_view2.bc_view3 {
        max-width: 1440px;
        padding: 0 94px
    }
}

.foundation_breadcrumb_view2.bc_view3 .foundation-breadcrumb {
    padding: 0
}

.foundation_breadcrumb_view2.bc_view3 .foundation-breadcrumb li {
    font-size: 16px;
    color: #000
}

.foundation_breadcrumb_view2.bc_view3 .foundation-breadcrumb li a {
    font-family: "APKProtocol Bold"
}

.foundation_breadcrumb_view2.bc_view3 .foundation-breadcrumb li:last-child {
    font-size: 14px;
    font-family: 'APKProtocol Regular'
}

.foundation_breadcrumb_view2.bc_view3 .foundation-breadcrumb li a {
    color: #000
}

.foundation_breadcrumb_view2.bc_view3 .foundation-breadcrumb li a:hover {
    font-weight: 400
}

.foundation_breadcrumb_view2.bc_view3 .foundation-breadcrumb li:after {
    content: '|';
    padding: 2px;
    font-size: 14px;
    font-family: "APKProtocol Bold"
}

.foundation_breadcrumb_view2.bc_view3 .foundation-breadcrumb li:last-child:after {
    content: ''
}

.foundation_breadcrumb_view2.blacktext li a {
    color: #212121;
    font-size: 15px;
    font-family: "APKProtocol Regular"
}

.foundation_breadcrumb_view2.blacktext li:last-child span {
    color: #212121;
    font-size: 16px;
    font-family: "APKProtocol Regular"
}

.foundation_breadcrumb_view2.blacktext li:last-child:after {
    content: ''
}

.foundation_breadcrumb_view2.blacktext li:after {
    content: '/';
    font-size: 16px;
    font-family: "APKProtocol Regular";
    padding: 0 4px 0 8px;
    color: #212121
}

.ekko-lightbox-container {
    position: relative;
    text-align: center
}

.ekko-lightbox-nav-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%
}

.ekko-lightbox-nav-overlay a {
    z-index: 100;
    display: block;
    width: 49%;
    height: 100%;
    font-size: 30px;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    opacity: 0;
    filter: dropshadow(color=#000000, offx=2, offy=2);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.ekko-lightbox-nav-overlay a:empty {
    width: 49%
}

.ekko-lightbox a:hover {
    text-decoration: none;
    opacity: 1
}

.ekko-lightbox .glyphicon-chevron-left {
    left: 0;
    float: left;
    padding-left: 15px;
    text-align: left
}

.ekko-lightbox .glyphicon-chevron-right {
    right: 0;
    float: right;
    padding-right: 15px;
    text-align: right
}

.ekko-lightbox .modal-footer {
    text-align: left
}

.electronics-videogallery {
    width: 98%;
    margin: 0 auto
}

.electronics-videogallery img {
    max-width: 100%
}

.electronics-videogallery .video-wrapper {
    position: relative
}

.electronics-videogallery a.video {
    position: relative
}

.electronics-videogallery .video__preview-play,
.electronics-videogallery .video__preview-pause {
    cursor: pointer;
    height: 60px;
    width: 60px;
    position: absolute;
    z-index: 1;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%)
}

.electronics-videogallery .video__preview-play.hide,
.electronics-videogallery .video__preview-pause.hide {
    display: none
}

.electronics-videogallery.video_onegrid .rectangle {
    width: 100%;
    display: inline-block;
    box-shadow: rgba(0, 0, 0, 0.16) 0 0 6px 0;
    background-color: #fff;
    border-radius: 5px
}

.electronics-videogallery.video_twogrid .rectangle {
    width: 47% !important;
    display: inline-block;
    border-radius: 12px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    padding: 10px;
    margin: 1%
}

@media(max-width:480px) {
    .electronics-videogallery.video_twogrid .rectangle {
        width: 100% !important
    }
}

@media(max-width:1024px) {
    .electronics-videogallery.video_twogrid .rectangle {
        width: 100% !important
    }
}

.electronics-videogallery.video_threegrid .rectangle {
    width: 32% !important;
    margin: .75%;
    display: inline-block;
    box-shadow: rgba(0, 0, 0, 0.16) 0 0 6px 0;
    background-color: #fff;
    border-radius: 5px
}

@media(min-width:481px) and (max-width:768px) {
    .electronics-videogallery.video_threegrid .rectangle {
        width: 47% !important;
        margin: 1%
    }
}

@media(max-width:480px) {
    .electronics-videogallery.video_threegrid .rectangle {
        width: 100% !important
    }
}

@media(max-width:1024px) {
    .electronics-videogallery.video_threegrid .rectangle {
        width: 100% !important
    }
}

.electronics-videogallery.video-fourgrid .rectangle {
    width: 24%;
    display: inline-block;
    margin: .5%
}

@media(min-width:481px) and (max-width:768px) {
    .electronics-videogallery.video-fourgrid .rectangle {
        width: 47% !important;
        margin: 1%
    }
}

@media(max-width:480px) {
    .electronics-videogallery.video-fourgrid .rectangle {
        width: 100% !important
    }
}

.electronics-videogallery span.video-caption p {
    padding: 15px
}

@media(max-width:480px) {
    .electronics-videogallery span.video-caption p {
        padding: 5px;
        font-size: 12px
    }
}

.electronics-videogallery .videoblock-newtab img {
    width: 100%
}

.electronics-videogallery.bottom-space-rm video {
    display: block
}

.videogallery_modal .youtube-thumbnail {
    margin-left: 0;
    width: 100% !important;
    height: auto;
    padding: 15px
}

.videogallery_modal .video__preview-play {
    height: 80px;
    width: 80px
}

.videogallery_modal .nutrition .video-caption {
    font-size: 14px;
    text-transform: capitalize;
    text-align: center;
    font-weight: bold;
    margin: 10px auto;
    color: #beff00
}

.videogallery_modal .nutrition .playOverlay {
    display: none
}

.videogallery_modal .nutrition .blur-image-BG h3 {
    text-align: left;
    margin-left: 7%
}

.videogallery_modal .nutrition .rectangle {
    border-radius: 5px !important;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff
}

.videogallery_modal .nutrition p {
    padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 50px;
    margin-bottom: 20px
}

.videogallery_modal .modal-body {
    margin: 0
}

@media screen and (min-width:310px) and (max-width:615px) {
    .videogallery_modal .modal-content {
        margin-top: 50% !important
    }
}

@media screen and (min-width:616px) and (max-width:736px) {
    .videogallery_modal .modal-content {
        margin-top: 50% !important
    }
}

@media screen and (min-width:737px) and (max-width:1365px) {
    .videogallery_modal .modal-content {
        margin-top: 20% !important
    }
}

@media screen and (min-width:1366px) and (max-width:1400px) {
    .videogallery_modal .modal-content {
        margin-top: 10% !important
    }

    .videogallery_modal .nutrition .video .youtube-thumb {
        margin-left: 0;
        width: 90% !important;
        max-width: 350px;
        height: auto
    }
}

@media screen and (min-width:1401px) and (max-width:1500px) {
    .nutrition .video .youtube-thumb {
        margin-left: 0;
        width: 90% !important;
        max-width: 350px;
        height: auto
    }
}

@media(max-width:1400px) {
    .videomodalforvideopopupgallery .modal-dialog {
        margin-top: -4em
    }
}

.videoGalleryVideoModal .modal-close {
    color: #fff;
    font-size: xx-large;
    padding: 2% 2% 0 0;
    cursor: pointer;
    right: 0;
    position: fixed;
    z-index: 1
}

@media screen and (max-width:978px) {
    .videoGalleryVideoModal .modal-close {
        right: 2%
    }
}

.videoGalleryVideoModal .modal-content {
    background: 0;
    border: 0;
    height: 100% !important;
    position: absolute
}

.videoGalleryVideoModal .modal-content .modal-header {
    display: none
}

.videoGalleryVideoModal .modal-content .modal-body {
    padding: 0;
    overflow: hidden
}

.videoGalleryVideoModal .modal-content .modal-body .ekko-lightbox-container {
    position: fixed;
    text-align: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.videoGalleryVideoModal .modal-content .modal-body .ekko-lightbox-container div {
    position: absolute;
    width: 100%;
    height: 100%
}

.videoGalleryVideoModal .modal-content .modal-body .ekko-lightbox-container div .embed-responsive {
    position: static
}

.videoGalleryVideoModal .modal-content .modal-body .ekko-lightbox-container div .embed-responsive:before {
    display: none;
    padding-top: 0
}

.videoGalleryVideoModal .modal-content .modal-body .ekko-lightbox-container div iframe {
    position: relative;
    width: 80% !important;
    height: 80% !important;
    top: 10%
}

@media screen and (max-width:768px) {
    .videoGalleryVideoModal .modal-content .modal-body .ekko-lightbox-container div iframe {
        height: 40% !important;
        width: 90% !important;
        top: 30%
    }
}

@media screen and (min-width:768px) {
    .videoGalleryVideoModal .modal-dialog {
        max-width: 100% !important
    }
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0
    }
}

@keyframes plyr-popup {
    0 {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    direction: ltr;
    font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    line-height: 1.7;
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease
}

.plyr audio,
.plyr video {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: #4f5b5f;
    border-radius: 2px;
    color: #fff;
    font-size: 9px;
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 14px;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions .plyr__caption {
    background: rgba(0, 0, 0, .8);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__captions .plyr__caption div {
    display: inline
}

.plyr__captions span:empty {
    display: none
}

@media(min-width:480px) {
    .plyr__captions {
        font-size: 16px;
        padding: 20px
    }
}

@media(min-width:768px) {
    .plyr__captions {
        font-size: 18px
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(-40px)
}

.plyr__control {
    background: 0;
    border: 0;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    pointer-events: none;
    width: 18px
}

.plyr__control:focus {
    outline: 0
}

.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    outline: 0
}

a.plyr__control {
    text-decoration: none
}

a.plyr__control::after,
a.plyr__control::before {
    display: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
    display: none
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: #1aafff;
    color: #fff
}

.plyr--video .plyr__control svg {
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15))
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: #1aafff;
    color: #fff
}

.plyr__control--overlaid {
    background: rgba(26, 175, 255, .8);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    color: #fff;
    display: none;
    left: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    background: #1aafff
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__menu,
.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls .plyr__volume,
.plyr__controls>.plyr__control {
    margin-left: 5px
}

.plyr__controls .plyr__menu+.plyr__control,
.plyr__controls .plyr__progress+.plyr__control,
.plyr__controls>.plyr__control+.plyr__control,
.plyr__controls>.plyr__control+.plyr__menu {
    margin-left: 2px
}

.plyr__controls>.plyr__control:first-child,
.plyr__controls>.plyr__control:first-child+[data-plyr=pause] {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls:empty {
    display: none
}

@media(min-width:480px) {

    .plyr__controls .plyr__menu,
    .plyr__controls .plyr__progress,
    .plyr__controls .plyr__time,
    .plyr__controls .plyr__volume,
    .plyr__controls>.plyr__control {
        margin-left: 10px
    }
}

.plyr--audio .plyr__controls {
    background: #fff;
    border-radius: inherit;
    color: #4f5b5f;
    padding: 10px
}

.plyr--video .plyr__controls {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px 5px 5px;
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

@media(min-width:480px) {
    .plyr--video .plyr__controls {
        padding: 35px 10px 10px
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip] {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: rgba(255, 255, 255, .9);
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #4f5b5f;
    font-size: 16px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container::after {
    border: 4px solid transparent;
    border-top-color: rgba(255, 255, 255, .9);
    content: '';
    height: 0;
    position: absolute;
    right: 15px;
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: 7px
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4f5b5f;
    display: flex;
    font-size: 14px;
    padding: 4px 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control::after {
    border: 4px solid transparent;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px
}

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: rgba(79, 91, 95, .8);
    right: 5px
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: 500;
    margin: 7px;
    margin-bottom: 3px;
    padding-left: 28px;
    position: relative;
    width: calc(100% - 14px)
}

.plyr__menu__container .plyr__control--back::after {
    border-right-color: rgba(79, 91, 95, .8);
    left: 7px
}

.plyr__menu__container .plyr__control--back::before {
    background: #b7c5cd;
    box-shadow: 0 1px 0 #fff;
    content: '';
    height: 1px;
    left: 0;
    margin-top: 4px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after,
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    background: rgba(0, 0, 0, .1);
    content: '';
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: #1aafff
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
    background: rgba(0, 0, 0, .1)
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    overflow: hidden;
    padding-left: 25px;
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0;
    border: 0;
    border-radius: 26px;
    color: #1aafff;
    display: block;
    height: 19px;
    margin: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0))
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
    height: 13px;
    position: relative;
    transition: all .2s ease;
    width: 13px;
    -webkit-appearance: none;
    margin-top: -4px
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow .3s ease;
    -moz-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
    height: 13px;
    position: relative;
    transition: all .2s ease;
    width: 13px
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    height: 5px
}

.plyr--full-ui input[type=range]::-ms-track {
    background: 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
    height: 13px;
    position: relative;
    transition: all .2s ease;
    width: 13px;
    margin-top: 0
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    outline: 0
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(255, 255, 255, .25)
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: rgba(255, 255, 255, .25)
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: rgba(255, 255, 255, .25)
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr__time {
    font-size: 14px
}

.plyr__time+.plyr__time::before {
    content: '\2044';
    margin-right: 10px
}

@media(max-width:767px) {
    .plyr__time+.plyr__time {
        display: none
    }
}

.plyr--video .plyr__time {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

.plyr__tooltip {
    background: rgba(255, 255, 255, .9);
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #4f5b5f;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    opacity: 0;
    padding: 5px 7.5px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
    left: 16px
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0, 0) scale(1)
}

.plyr--video {
    background: #000;
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    border-radius: inherit;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr__progress {
    flex: 1;
    left: 6.5px;
    margin-right: 13px;
    position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: -6.5px;
    margin-right: -6.5px;
    width: calc(100% + 13px)
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    font-size: 14px;
    left: 0
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    left: 0;
    margin-top: -2.5px;
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    transition: width .2s ease
}

.plyr--video .plyr__progress__buffer {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    color: rgba(255, 255, 255, .25)
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(183, 197, 205, .66)
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(47, 52, 61, .6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, .6) 50%, rgba(47, 52, 61, .6) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255, 255, 255, .25)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(183, 197, 205, .66)
}

.plyr__volume {
    align-items: center;
    display: flex;
    flex: 1;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    position: relative;
    z-index: 2
}

@media(min-width:480px) {
    .plyr__volume {
        max-width: 90px
    }
}

@media(min-width:768px) {
    .plyr__volume {
        max-width: 110px
    }
}

.plyr--is-ios .plyr__volume {
    display: none !important
}

.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
    display: none !important
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media(min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px
    }

    .plyr:fullscreen .plyr__captions {
        font-size: 21px
    }
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

@media(min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px
    }
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-moz-full-screen video {
    height: 100%
}

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none
}

@media(min-width:1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px
    }
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

@media(min-width:1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media(min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads::after {
    background: rgba(47, 52, 61, .8);
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    z-index: 3
}

.plyr__ads::after:empty {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    left: 0;
    margin: -2.5px 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: rgba(255, 255, 255, .9);
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    margin-bottom: 10px;
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0, 0) scale(1)
}

.plyr__preview-thumb::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #b7c5cd;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    background-color: rgba(0, 0, 0, .55);
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    padding: 3px 6px
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

.video_carouselmodal {
    margin: 0
}

@media(max-width:767px) {
    .video_carouselmodal {
        margin-bottom: 10px
    }
}

.video_carouselmodal .carousel-rectangle {
    display: inline-block;
    margin-right: 50px
}

@media(max-width:767px) {
    .video_carouselmodal .carousel-rectangle {
        margin-right: 0
    }
}

.video_carouselmodal .carousel-rectangle .video-wrapper {
    margin: 10px 0
}

.video_carouselmodal .carousel-rectangle video {
    width: 100%;
    object-fit: cover
}

@media(max-width:767px) {
    .video_carouselmodal .carousel-rectangle video {
        width: 100%;
        object-fit: cover
    }
}

.video_carouselmodal .carousel-rectangle .video-caption {
    font-size: 14px;
    font-family: APKProtocol Regular
}

.video_carouselmodal .carousel-rectangle .video-caption p {
    padding: 15px 0
}

@media(max-width:767px) {
    .video_carouselmodal .carousel-rectangle .video-caption p {
        padding: 0;
        margin-bottom: 0
    }
}

.prev-CMslider {
    margin-right: 25px;
    color: #212121;
    font-size: 25px;
    cursor: pointer
}

@media(max-width:767px) {

    .prev-CMslider:focus,
    .next-CMslider:focus,
    .prev-CMslider:active,
    .next-CMslider:active {
        color: #beff00
    }
}

.next-CMslider,
.prev-CMslider {
    color: #212121;
    font-size: 25px;
    cursor: pointer
}

.next-CMslider:hover,
.prev-CMslider:hover {
    color: #beff00
}

.video_play_auto_modal .videogallery_modal {
    position: relative;
    text-align: center;
    color: white
}

.video_play_auto_modal .videogallery_modal .video .video__preview-play {
    height: 46px;
    width: 46px
}

@media(max-width:576px) {
    .video_play_auto_modal .videogallery_modal .video .video__preview-play {
        transform: translate(-50%, 8%)
    }
}

@media(max-width:1023px) {
    .video_play_auto_modal .videogallery_modal .video .video__preview-play {
        transform: translate(-50%, -10%)
    }
}

@media(max-width:576px) {
    .video_play_auto_modal .videogallery_modal .video .video__preview-play {
        transform: translate(-50%, -10%)
    }
}

.video_play_auto_modal .videogallery_modal .video-caption {
    font-size: 42px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block
}

@media(max-width:1023px) {
    .video_play_auto_modal .videogallery_modal .video-caption {
        font-size: 32px;
        top: 35%
    }
}

@media(min-width:1024px) {
    .video_play_auto_modal .videogallery_modal .video-caption {
        top: 45%
    }
}

@media(max-width:576px) {
    .video_play_auto_modal .videogallery_modal .video-caption {
        line-height: 38px;
        width: 100%;
        top: 35%;
        margin-top: 0;
        font-size: 32px
    }
}

.video_play_auto_modal .videogallery_modal .youtube-thumbnail {
    padding: 0;
    margin: 0
}

.video_play_auto_modal .banner-container,
.video_play_auto_modal .youtube-thumbnail {
    height: 558px
}

@media(min-width:1024px) {

    .video_play_auto_modal .banner-container,
    .video_play_auto_modal .youtube-thumbnail {
        height: 558px
    }
}

@media(max-width:1023px) {

    .video_play_auto_modal .banner-container,
    .video_play_auto_modal .youtube-thumbnail {
        height: 460px
    }
}

@media(max-width:576px) {

    .video_play_auto_modal .banner-container,
    .video_play_auto_modal .youtube-thumbnail {
        height: 360px
    }
}

.video_play_auto_modal .modal-content,
.video_play_auto_modal .modal-body {
    padding: 0;
    margin: 0
}

.video_play_auto_modal .modal-content iframe {
    margin: 0 auto;
    display: block
}

.video_play_auto_modal .video-caption {
    font-family: "APKProtocol Medium";
    line-height: 48px;
    color: #fff;
    cursor: pointer
}

.video_play_auto_modal .corp_override_top {
    top: 65% !important
}

.video_play_auto_modal .banner-container {
    position: relative;
    background: #000
}

.video_play_auto_modal .youtube-thumbnail {
    padding: 0;
    margin: 0;
    opacity: .75
}

@media(max-width:576px) {
    .video_play_auto_modal .modal-body {
        height: 300px;
        max-height: 300px
    }

    .video_play_auto_modal .corp_override_top {
        top: 65% !important
    }

    .video_play_auto_modal .video-caption {
        width: 75%;
        font-size: 32px;
        line-height: 1.19;
        letter-spacing: -0.5px;
        margin-top: 50px
    }
}

.videogallery_modal .youtube-thumbnail {
    padding: 0
}

#wsFullVideo .modal-body {
    height: 600px;
    max-height: 90vh
}

.eduhub-webinars {
    margin: 0
}

@media screen and (max-width:767px) {
    .eduhub-webinars {
        margin-top: 50px
    }
}

@media screen and (max-width:1023px) {
    .eduhub-webinars {
        padding: 0 33px
    }
}

.eduhub-webinars .modal-dialog {
    max-width: 70%;
    margin: 30px auto
}

@media screen and (max-width:767px) {
    .eduhub-webinars .modal-dialog {
        width: 100%;
        max-width: 100%
    }
}

.eduhub-webinars .modal-dialog .modal-body {
    position: relative;
    padding: 0
}

.eduhub-webinars .modal-dialog .modal-body .close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1
}

@media screen and (max-width:767px) {
    .eduhub-webinars .modal-dialog .modal-body button span {
        position: absolute;
        top: -30px;
        right: 40px
    }
}

.eduhub-webinars .webinar-title h3 {
    color: #beff00;
    font-size: 24px;
    text-transform: uppercase;
    line-height: .67;
    letter-spacing: -0.12px;
    font-weight: 500;
    font-family: "APKProtocol Medium";
    margin: 0
}

@media screen and (max-width:1023px) {
    .eduhub-webinars .webinar-title h3 {
        line-height: 27px
    }
}

.eduhub-webinars .webinar-col-wrap {
    display: flex;
    justify-content: flex-start
}

@media screen and (max-width:767px) {
    .eduhub-webinars .webinar-col-wrap {
        max-width: 100%;
        display: inline-block
    }
}

.eduhub-webinars .webinar-col-wrap .webinar-col {
    margin-top: 58px;
    width: 323px;
    margin-right: 60px
}

@media screen and (max-width:767px) {
    .eduhub-webinars .webinar-col-wrap .webinar-col {
        margin-top: 41px;
        width: 100%
    }
}

.eduhub-webinars .webinar-col-wrap .webinar-col h2 {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-family: "APKProtocol Bold"
}

.eduhub-webinars .webinar-col-wrap .webinar-col h3 {
    color: #000;
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
    font-family: "APKProtocol Medium";
    line-height: 30px
}

.eduhub-webinars .webinar-col-wrap .webinar-col p {
    color: #000;
    font-size: 16px;
    margin-top: 30px;
    font-family: "APKProtocol Regular";
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .eduhub-webinars .webinar-col-wrap .webinar-col p {
        margin-top: 18px;
        margin-bottom: 0
    }
}

.eduhub-webinars .eduhub-video-btn {
    color: #beff00;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 35px;
    display: inline-block;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/webinar-icon.svg') no-repeat right center;
    padding-right: 28px;
    font-family: "APKProtocol Bold";
    font-weight: bold;
    letter-spacing: 2.4px
}

@media screen and (max-width:767px) {
    .eduhub-webinars .eduhub-video-btn {
        margin-top: 23px
    }
}

.eduhub-webinars .eduhub-video-btn:hover {
    color: #beff00;
    text-decoration: none
}

@media screen and (min-width:1024px) {
    .Mobile-Webinar-Left .eduhub-webinars {
        padding-left: 94px
    }

    .Mobile-Webinar-Right .eduhub-webinars {
        padding-right: 94px
    }

    .Mobile-Webinar-Middle .eduhub-webinars {
        padding: 0 40px
    }
}

.component-featured-carousel-v2.video-carousel .carousel-container {
    padding-left: 7%
}

.component-featured-carousel-v2.video-carousel .featured-carousel-slick .main-item .top-half {
    width: 100%;
    height: 75%;
    box-shadow: rgba(225, 225, 225, 0.5) 2px -1px 5px 0;
    overflow: hidden
}

.component-featured-carousel-v2.video-carousel .featured-carousel-slick .main-item .top-half .carouselVideoWrapper {
    width: 100%;
    position: relative
}

.component-featured-carousel-v2.video-carousel .featured-carousel-slick .main-item .top-half .carouselVideoWrapper img.video-thumbnail {
    width: 100%;
    object-fit: cover;
    height: 100%;
    position: absolute
}

.component-featured-carousel-v2.video-carousel .featured-carousel-slick .main-item .top-half .carouselVideoWrapper a {
    position: absolute;
    top: 28%;
    left: 40%;
    width: 50px;
    height: 50px;
    display: block;
    cursor: pointer;
    background: transparent url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/play-button@2x.png") no-repeat center;
    border: 0;
    background-size: contain
}

@media screen and (min-width:1200px) {
    .component-featured-carousel-v2.video-carousel .featured-carousel-slick .main-item .top-half .carouselVideoWrapper a {
        top: 44%
    }
}

.component-featured-carousel-v2.video-carousel .featured-carousel-slick .main-item .bottom-half {
    height: 25%
}

.component-featured-carousel-v2.video-carousel .featured-carousel-slick .main-item .bottom-half .description {
    color: #212529
}

.videomodalforvideopopup {
    display: none;
    width: 100%;
    background: rgba(38, 40, 42, 0.2)
}

@media screen and (max-width:736px) {
    .videomodalforvideopopup .modal-content {
        margin-top: 50%
    }
}

@media screen and (min-width:737px) and (max-width:1365px) {
    .videomodalforvideopopup .modal-content {
        margin-top: 20%
    }
}

@media screen and (min-width:1366px) and (max-width:1400px) {
    .videomodalforvideopopup .modal-content {
        margin-top: 10%
    }
}

@media(min-width:768px) {
    .videomodalforvideopopup .modal-dialog {
        max-width: 70% !important
    }
}

.selectric-wrapper {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.selectric-responsive {
    width: 100%
}

.selectric {
    position: relative;
    overflow: hidden;
    border-radius: 100px;
    background-color: #fff;
    border: solid 1px #d9d9d9;
    display: flex;
    align-items: center;
    width: 150px
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 16px;
    line-height: 36px;
    color: #444;
    height: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    font-weight: normal
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 36px;
    line-height: 36px;
    background-color: #f8f8f8;
    color: #BBB;
    text-align: center;
    font: 0/0 a;
    *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #BBB;
    border-bottom: 0
}

.selectric-focus .selectric {
    border-color: #aaa
}

.selectric-hover .selectric {
    border-color: #c4c4c4
}

.selectric-hover .selectric .button {
    color: #a2a2a2
}

.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric {
    border-radius: 100px;
    background-color: #fff;
    border: solid 1px #d9d9d9
}

.selectric-open .selectric-items {
    display: block
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: 0;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #f8f8f8;
    z-index: -1
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    font-size: 16px;
    outline: 0
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items ul,
.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    min-height: 20px;
    background-color: white
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #000;
    cursor: pointer
}

.selectric-items li.selected {
    background: #e0e0e0;
    color: #000
}

.selectric-items li.highlighted {
    background-color: #f2f2f2;
    color: #444;
    background-image: url(https://www.qnityelectronics.com/etc.clientlibs/electronics-foundation/components/content/topiclist/clientlibs/source/assets/Icons/tick.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 100px
}

.selectric-items li.highlighted:hover {
    background-image: url(https://www.qnityelectronics.com/etc.clientlibs/electronics-foundation/components/content/topiclist/clientlibs/source/assets/Icons/tick.png) !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: 100px !important
}

.selectric-items li:hover {
    background: #f2f2f2;
    color: #444
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

label {
    font-size: 18px;
    font-weight: normal
}

h2 {
    color: #505050
}

.mrgb30 {
    margin-bottom: 30px
}

.pr-imagealign img {
    width: 100%
}

.mrgR25 {
    margin-right: 8px
}

.inputDiv {
    display: inline-block
}

.btn-white {
    background-color: white;
    color: #505050;
    font-size: 16px;
    font-weight: normal;
    padding: 7px 25px
}

.resetFilterRow {
    align-items: center;
    display: flex;
    margin: 20px 0
}

.resetFilterRow .col-md-3 {
    padding: 0
}

.resetFilterRow .col-md-3 .results {
    padding-right: 10px;
    color: #505050;
    font-size: 18px
}

.col-md-9 {
    padding: 0
}

select {
    padding: 10px
}

#searchNews {
    background-color: #beff00;
    border-radius: 0 25px 25px 0;
    border: 1px solid #beff00;
    color: #fff;
    font-size: 16px;
    outline: 0;
    padding: 7px 40px;
    position: relative;
    top: 1px
}

#searchNewsText {
    border-radius: 25px 0 0 25px;
    border: 1px solid #505050;
    font-size: 14px;
    outline: 0;
    padding: 8px 15px;
    width: 400px
}

#showAllNews {
    background-color: #beff00;
    border: 1px solid #beff00;
    color: white;
    padding: 12px 35px;
    margin: 10px 0;
    font-size: 18px;
    border-radius: 25px;
    outline: 0
}

.results {
    padding-right: 10px
}

.table.dataTable th:first-child {
    text-align: left
}

.table.dataTable td {
    font-weight: 500
}

.table.dataTable td:first-child {
    text-align: left
}

.table.dataTable thead {
    background-color: #f2f2f2;
    border-radius: 2px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16)
}

.table.dataTable tbody tr {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px 0 rgba(101, 101, 101, 0.16);
    border-bottom: 1px solid #dee2e6
}

.table.dataTable>thead>tr>th {
    color: #505050;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: .4px;
    line-height: 1.25;
    padding-left: 0;
    text-align: center
}

@media(max-width:767px) {
    .table.dataTable>thead>tr>th {
        font-size: 13px
    }
}

.table.dataTable>thead>tr>th:first-child {
    padding-left: 25px;
    width: 720px
}

@media(max-width:767px) {
    .table.dataTable>thead>tr>th:first-child {
        width: 110px !important
    }
}

@media(max-width:1024px) and (min-width:768px) {
    .table.dataTable>thead>tr>th:first-child {
        width: 400px !important
    }
}

.table.dataTable>tbody>tr>td {
    padding: 10px;
    text-align: center;
    border: 0
}

@media(max-width:767px) {
    .table.dataTable>tbody>tr>td {
        font-size: 14px
    }
}

.table.dataTable>tbody>tr>td:first-child {
    text-overflow: ellipsis;
    width: 720px;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden
}

@media(max-width:767px) {
    .table.dataTable>tbody>tr>td:first-child {
        width: 110px
    }
}

@media(max-width:1024px) and (min-width:768px) {
    .table.dataTable>tbody>tr>td:first-child {
        width: 400px
    }
}

@media(max-width:767px) {
    .table.dataTable>tbody>tr>td a {
        font-size: 14px
    }
}

.paginate_button.current {
    background: 0;
    border: 0;
    color: #beff00
}

.paginate_button.previous {
    border-radius: 50% !important;
    border: 1px solid #beff00 !important;
    height: 30px;
    padding: 0 !important;
    width: 30px
}

.paginate_button.previous:after {
    color: #beff00;
    content: ' \003C';
    font-size: 20px
}

.paginate_button.next {
    border-radius: 50% !important;
    border: 1px solid #beff00 !important;
    height: 30px;
    padding: 0 !important;
    width: 30px
}

.paginate_button.next:after {
    color: #beff00;
    content: ' \003E';
    font-size: 20px
}

table.dataTable {
    border-collapse: collapse !important
}

table.dataTable thead th {
    border-bottom: 0 !important
}

table.dataTable thead td {
    border-bottom: 0
}

table.dataTable.no-footer {
    border: 0
}

.selectric {
    border: solid 1px #505050;
    width: 135px
}

.selectric .button {
    background-color: #fff
}

.selectric .button:after {
    border-top-color: #cecece
}

.bgColor {
    background-color: rgba(225, 225, 225, 0.2)
}

.topic-Listleft {
    padding: 30px 15px 0
}

.topic-Listleft .topic-Listleft__date {
    padding: 10px 0;
    font-size: 24px;
    color: #beff00
}

.topic-Listleft .topic-Listleft__description .topic-Listleft__border {
    padding: 10px 0
}

.topic-Listleft .topic-Listleft__description .topic-Listleft__border a {
    font-size: 24px;
    color: #beff00;
    margin: 0;
    line-height: 30px
}

.topic-List {
    padding: 30px 15px 0
}

.topic-List .topic-List__description {
    font-size: 16px
}

.topic-List .topic-List__description .topic-List__text {
    border-right: 1px solid #323c47;
    padding-right: 10px;
    font-size: 18px;
    color: #323c47
}

.topic-List .topic-List__description .padding10 {
    padding-left: 10px
}

.topic-List .topic-List__description .topic-List__border {
    border-bottom: 1px solid lightgrey;
    padding: 10px 0
}

.topic-List .topic-List__description .topic-List__border a {
    font-size: 24px;
    color: #000;
    margin: 0
}

@media(max-width:767px) {
    .topic-List .topic-List__description .topic-List__border a {
        font-size: 14px
    }
}

.topic-List .topic-List__description .viewAll {
    float: right;
    font-size: small;
    padding: 5px;
    font-weight: 600;
    color: #beff00
}

.cmp-TopicList .selectric {
    border-radius: 0;
    border: 1px solid #e6e2e2
}

.cmp-TopicList .container label {
    color: #212529
}

.cmp-TopicList .topiclist-news {
    background-color: rgba(225, 225, 225, 0.25)
}

.cmp-TopicList .topiclist-news .topiclist-inputDiv {
    display: inline-block
}

.cmp-TopicList .topiclist-news .topiclist-inputDiv #searchNewsText {
    border: 1px solid #e6e2e2;
    padding: 8px 15px;
    border-radius: 0;
    outline: 0;
    font-size: 14px;
    width: 365px
}

@media(max-width:767px) {
    .cmp-TopicList .topiclist-news .topiclist-inputDiv #searchNewsText {
        width: auto
    }
}

.cmp-TopicList .topiclist-news .topiclist-inputDiv #searchNews {
    border-radius: 25px;
    border: 1px solid #beff00;
    background-color: #fff;
    color: #beff00;
    font-size: 16px;
    padding: 7px 40px;
    margin-left: 8px;
    position: relative;
    top: 1px;
    width: 130px;
    outline: 0
}

.cmp-TopicList .topiclist-news .topiclist-inputDiv #searchNews:hover {
    background-color: #beff00;
    color: #fff
}

.cmp-TopicList .topiclist-news #showAllNews {
    background-color: #fff;
    color: #beff00;
    font-size: 16px;
    padding: 7px 15px
}

.cmp-TopicList .topiclist-news #showAllNews:hover {
    background-color: #beff00;
    color: #fff
}

.cmp-TopicList .table {
    display: inline-table
}

.cmp-TopicList .table thead {
    border-radius: 2px;
    background-color: #f2f2f2;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16)
}

.cmp-TopicList .table thead th {
    padding: 15px
}

.cmp-TopicList .table tbody tr {
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(101, 101, 101, 0.16)
}

.cmp-TopicList .table tbody tr td {
    padding: 15px
}

.cmp-TopicList .table tbody tr td>a {
    text-decoration: none;
    font-size: 18px;
    font-family: "APKProtocol Medium"
}

.cmp-TopicList .table tbody tr td>a:hover {
    text-decoration: underline;
    color: black
}

.cmp-TopicList .table .dataTables_paginate {
    float: right;
    padding-right: 2%
}

.cmp-TopicList .table .dataTables_paginate .paginate_button {
    font-family: "APKProtocol Medium"
}

.cmp-TopicList .table .dataTables_paginate .paginate_button.previous,
.cmp-TopicList .table .dataTables_paginate .paginate_button.next {
    position: absolute
}

.cmp-TopicList .table .dataTables_paginate .paginate_button.previous:after,
.cmp-TopicList .table .dataTables_paginate .paginate_button.next:after {
    position: absolute;
    top: 6px;
    right: 9px
}

.cmp-TopicList .table .dataTables_paginate .paginate_button.current {
    color: #beff00
}

.cmp-TopicList .table .dataTables_paginate span {
    margin: 0 10px 0 35px
}

.cmp-TopicList .table .dataTables_paginate span a {
    font-size: 16px;
    margin: 0 8px
}

.cmp-TopicList .table .dataTables_paginate:hover {
    cursor: pointer
}

.electronics-card .card-container {
    margin: 20px 0
}

.electronics-card .card-container-with-bg {
    padding: 20px
}

.electronics-card .card {
    position: relative;
    border-radius: 0;
    color: #0a0a0a;
    margin-bottom: 20px;
    border: 0;
    width: 100%;
    min-width: 260px;
    margin: 2% 2% 0 0
}

.electronics-card .card p {
    font-size: .89rem;
    line-height: 1.25rem
}

.electronics-card .card h3 {
    font-size: 1rem;
    line-height: 1.3
}

.electronics-card .card h2 {
    font-size: 1rem;
    line-height: 1.3
}

.electronics-card .card:hover {
    cursor: pointer
}

.electronics-card .card:hover .card-image img {
    transform: scale(1.1, 1.1) translate(-46%, -46%)
}

.electronics-card .card:nth-child(3n) {
    margin-right: 0
}

.electronics-card .card-transparent {
    background: 0;
    color: #FFF
}

.electronics-card .card-transparent p {
    color: #FFF
}

.electronics-card .card-transparent h3 {
    color: #FFF
}

.electronics-card .card-transparent .card-copy__tag {
    color: #FFF
}

.electronics-card .card-grey {
    background: #e7ebee
}

.electronics-card .card-dark-grey {
    background: #102537
}

.electronics-card .card-white {
    background: #FFF
}

.electronics-card .card-white-translucent {
    background: rgba(255, 255, 255, 0.8)
}

.electronics-card .card-white-translucent .card-copy__tag {
    color: #217ac6
}

.electronics-card .card-light-blue {
    background: #217ac6;
    color: #FFF
}

.electronics-card .card-light-blue p {
    color: #FFF
}

.electronics-card .card-light-blue h3 {
    color: #FFF
}

.electronics-card .card-light-blue .card-copy__tag {
    color: #FFF
}

.electronics-card .card-medium-blue {
    background: #2b598c;
    color: #FFF
}

.electronics-card .card-medium-blue p {
    color: #FFF
}

.electronics-card .card-medium-blue h3 {
    color: #FFF
}

.electronics-card .card-medium-blue .card-copy__tag {
    color: #FFF
}

.electronics-card .card-dark-blue {
    background: #102537;
    color: #FFF
}

.electronics-card .card-dark-blue p {
    color: #FFF
}

.electronics-card .card-dark-blue h3 {
    color: #FFF
}

.electronics-card .card-dark-blue .card-copy__tag {
    color: #FFF
}

.electronics-card .card-blue-translucent {
    background: rgba(16, 37, 55, 0.8);
    color: #FFF
}

.electronics-card .card-blue-translucent p {
    color: #FFF
}

.electronics-card .card-blue-translucent h3 {
    color: #FFF
}

.electronics-card .card-blue-translucent .card-copy__tag {
    color: #FFF
}

.electronics-card .card-image {
    position: relative;
    width: 100%;
    overflow: hidden
}

.electronics-card .card-image img {
    border: 0;
    position: absolute;
    display: block;
    height: 101%;
    left: 50%;
    max-width: none;
    width: auto !important;
    top: 50%;
    transition: all 1s ease-in-out;
    width: auto;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1.01, 1.01) translate(-50%, -50%);
    transform: scale(1.01, 1.01) translate(-50%, -50%);
    transform-origin: center center
}

.electronics-card .card-image__small:before {
    display: block;
    content: "";
    width: 100%;
    min-width: 100%;
    padding: 0;
    padding-top: calc(51%)
}

.electronics-card .card-image__large:before {
    display: block;
    content: "";
    width: 100%;
    min-width: 100%;
    padding-top: calc(83.33333333%)
}

.electronics-card .card-copy {
    padding: 1.5rem
}

.electronics-card .card-copy__tag {
    display: block;
    margin-bottom: 1rem;
    font-weight: 500;
    text-transform: uppercase
}

.electronics-card .card-copy__headline {
    margin-bottom: .5rem
}

.electronics-card .card-copy__tagline {
    margin-bottom: .5rem
}

.electronics-card .card-copy__body {
    padding-bottom: 3rem
}

.electronics-card .card-copy__link {
    position: absolute;
    bottom: 2rem
}

.electronics-card .product-list .card-container {
    margin-top: 0
}

.electronics-card .product-list .card-copy {
    padding: 1rem
}

@media(min-width:601px) {
    .electronics-card .card-container {
        display: flex;
        flex-direction: row;
        justify-items: start;
        flex-wrap: wrap
    }

    .electronics-card .card-container-with-bg {
        padding: 35px 35px 15px 35px
    }

    .electronics-card .card {
        flex-basis: 48%;
        width: 48%;
        min-width: 48%;
        max-width: 48%
    }

    .electronics-card .card-container-with-image .card {
        flex-basis: 46%;
        width: 46%;
        min-width: 46%;
        max-width: 46%;
        margin: 10px
    }

    .electronics-card .card-container-with-bg-color .card {
        flex-basis: 46%;
        width: 46%;
        min-width: 46%;
        max-width: 46%;
        margin: 10px
    }
}

@media screen and (max-width:575px) {
    .electronics-card .card {
        margin: 2% 0 0 0
    }
}

@media(min-width:801px) {
    .electronics-card .card {
        flex-basis: 32%;
        width: 32%;
        min-width: 32%;
        max-width: 32%
    }

    .electronics-card .card-container-with-image .card {
        flex-basis: 30%;
        width: 30%;
        min-width: 30%;
        max-width: 30%;
        margin: 15px 10px
    }

    .electronics-card .card-container-with-bg-color .card {
        flex-basis: 30%;
        width: 30%;
        min-width: 30%;
        max-width: 30%;
        margin: 15px 10px
    }
}

@media(min-width:879px) {
    .electronics-card .card-container-with-image .card {
        flex-basis: 30.5%;
        width: 30.5%;
        min-width: 30.5%;
        max-width: 30.5%
    }

    .electronics-card .card-container-with-bg-color .card {
        flex-basis: 30.5%;
        width: 30.5%;
        min-width: 30.5%;
        max-width: 30.5%
    }
}

@media screen and (min-width:601px) and (max-width:991px) {
    .electronics-card .product-list .card {
        flex-basis: 48%;
        width: 48%;
        min-width: 48%;
        max-width: 48%
    }

    .electronics-card .card:nth-child(3n) {
        margin-right: 2%
    }
}

@media screen and (max-width:757px) {
    .electronics-card .product-list .card-container {
        border-top: 1px solid #cccfd3;
        padding-top: 2.5rem
    }

    .electronics-card .product-list--blue .product-list .card-container {
        border-top: 1px solid #fff
    }
}

.topic-link-container .topiclink-hdng {
    font-family: APKProtocol Medium;
    font-size: 42px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 1.14;
    margin: 0 0 25px 0;
    text-align: center
}

.topic-link-container .topiclink-flex-container {
    text-align: center;
    padding: 95px 94px 95px 94px
}

.topic-link-container .topiclink-flex-container a:hover {
    color: #0c5b4e !important
}

.topic-link-container .topiclink-left-container {
    padding: 0 94px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width:1023px) {
    .topic-link-container .topiclink-left-container {
        padding-left: 33px;
        padding-right: 33px
    }
}

.topic-link-container .topiclink-left-container .topiclink-text p {
    text-align: left;
    max-width: none;
    padding: 0
}

.topic-link-container .topiclink-left-container .topiclink-hdng {
    text-align: left;
    max-width: none;
    margin: 0 138px 0 0
}

@media(max-width:1199px) {
    .topic-link-container .topiclink-left-container .topiclink-hdng {
        margin: 0 87px 0 0
    }
}

@media(max-width:991px) {
    .topic-link-container .topiclink-left-container .topiclink-hdng {
        margin: 0
    }
}

.topic-link-container .topiclink-left-container .topiclink-hdng h2 {
    margin: 0 0 24px 0
}

.topic-link-container .topiclink-left-container .primary-CTA {
    height: 50px;
    max-width: 285px;
    width: 100%;
    margin-right: 0;
    margin-left: auto;
    font-size: 16px;
    line-height: 16px;
    padding: 0 32px
}

.topic-link-container .topiclink-left-container .primary-CTA a {
    font-size: 16px;
    line-height: 16px
}

.topic-link-container .topiclink-left-container .primary-CTA a:hover {
    color: #0c5b4e
}

.topic-link-container .topiclink-text p {
    font-family: APKProtocol Regular;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.1px;
    line-height: 1.63;
    padding: 0 0 30px 0;
    margin: 0 auto;
    text-align: center;
    max-width: 748px
}

.topic-link-container .primary-CTA {
    align-items: center;
    border-radius: 25px;
    border: solid 1px #6dd8cd;
    display: flex;
    height: 50px;
    justify-content: center;
    margin: 0 auto;
    max-width: 168px;
    font-family: "APKProtocol Regular";
    font-size: 16px !important;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 1;
    text-align: center;
    text-decoration: none
}

.topic-link-container .topic-link-devider {
    height: 1px;
    border-bottom: solid 1px #fff
}

@media(min-width:768px) {
    .topic-link-container .topic-link-devider {
        margin: 0 30px 0 30px
    }
}

@media(max-width:575px) {
    .topic-link-container .topic-link-devider {
        margin: 0 15px
    }
}

@media only screen and (min-width:1024px) {
    .topic-link-container .topiclink-text p {
        max-width: 614px
    }
}

@media only screen and (max-width:767px) {
    .topic-link-container .topiclink-flex-container {
        padding: 70px 33px 70px 33px
    }

    .topic-link-container .topiclink-left-container {
        display: block;
        padding: 0 33px
    }

    .topic-link-container .topiclink-left-container .topiclink-text p {
        text-align: center;
        max-width: 468px;
        margin-bottom: 48px
    }

    .topic-link-container .topiclink-left-container .topiclink-hdng {
        text-align: center
    }

    .topic-link-container .topiclink-left-container .topiclink-hdng h2 {
        margin: 0 0 16px 0;
        font-size: 32px
    }

    .topic-link-container .topiclink-left-container .primary-CTA {
        margin: 0 auto
    }

    .topic-link-container .topiclink-hdng h1 {
        font-size: 32px;
        margin: 0 0 15px 0
    }

    .topic-link-container .topiclink-text p {
        font-size: 14px;
        max-width: 468px
    }
}

@media only screen and (max-width:575px) {
    .topic-link-container .topiclink-flex-container {
        margin: 0 33px 0 33px;
        padding: 45px 0 45px 0
    }

    .topic-link-container .topiclink-left-container {
        padding: 0 33px !important
    }

    .topic-link-container .topiclink-left-container .topiclink-hdng h2 {
        margin: 0 0 12px 0
    }

    .topic-link-container .topiclink-left-container .topiclink-text p {
        margin: 0 auto 32px auto
    }

    .topic-link-container .topic-link-devider {
        margin: 0 15px 0 15px
    }

    .topic-link-container .topiclink-hdng {
        margin: 0 0 12px 0
    }

    .topic-link-container .topiclink-text p {
        max-width: 309px
    }
}

.callout {
    padding: 2rem 0;
    border: 0;
    margin: 0
}

.callout__container {
    max-width: 38.75rem;
    margin: 0 auto;
    padding: 0
}

.callout__content {
    padding: 1.5rem
}

.callout__image {
    min-height: 100%;
    min-width: 100%;
    padding: 0;
    background-repeat: no-repeat;
    background-size: 50% 100%
}

.callout__image .callout__content {
    float: right
}

.callout--no-image {
    min-width: 100%;
    padding: 2.5rem 0
}

.callout--no-image .callout__text {
    width: 50%;
    float: left;
    padding-left: 10%
}

.callout--no-image .callout__cta {
    width: 50%;
    float: left;
    padding-left: 10%
}

.callout--no-image .callout__options {
    width: 50%;
    float: left;
    padding-left: 10%
}

.callout--no-image .col-md-6 {
    display: none
}

.callout--promo .row {
    position: relative
}

.callout--promo .callout__text {
    width: 100%;
    z-index: 1
}

.callout--promo .callout__cta {
    width: 100%;
    z-index: 1
}

.callout--promo .callout__options {
    width: 100%;
    z-index: 1
}

.callout--promo .callout__content {
    width: 50%
}

.callout--promo .align-items-center:after {
    content: '';
    position: absolute;
    height: 80%;
    border-right: 1px solid #cccfd3;
    width: 90%
}

.callout--promo.callout--promo-full {
    padding-left: 42px;
    padding-right: 42px
}

.callout--promo.callout--promo-full .container {
    max-width: 940px;
    padding-left: 0;
    padding-right: 0;
    min-height: 164px
}

.callout--promo.callout--promo-full .row {
    min-height: 100%
}

.callout--promo.callout--promo-full .callout__content p {
    max-width: 275px;
    margin-top: 1rem
}

.callout--promo.callout--promo-full .callout__text {
    width: 100%;
    float: left;
    padding-left: 50%
}

.callout--promo.callout--promo-full .callout__text h3 {
    min-width: 125px
}

.callout--promo.callout--promo-full .callout__cta {
    width: 100%;
    float: left;
    padding-left: 50%
}

.callout--promo.callout--promo-full .align-items-center:after {
    content: '';
    position: absolute;
    height: 80%;
    border-right: 1px solid #cccfd3;
    width: 94%
}

.callout__options .link {
    width: 100%;
    display: block;
    margin-bottom: .5rem;
    height: 100%
}

.callout__content-list {
    list-style: none;
    padding-left: 1rem
}

.callout__content-list-item {
    padding: .5rem 0;
    line-height: 1.375rem
}

.callout__content-list-item:before {
    content: "\2022";
    color: #979b9f;
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    width: 1rem;
    margin-left: -1.5rem;
    margin-right: .5rem;
    position: relative;
    top: 3px
}

.callout__text p {
    margin-bottom: .25rem
}

.callout__text p:last-of-type {
    margin-bottom: .75rem
}

.foundatoin-asset-content-comp {
    margin: 0 0 1rem
}

.foundatoin-asset-content-comp:after {
    content: '';
    clear: both;
    display: table
}

.foundatoin-asset-content-comp .image-with-text-holder {
    float: right;
    max-width: 200px;
    margin: 0 0 15px 15px;
    margin: 0 12px;
    border: 3px solid #e7ebee
}

.foundatoin-asset-content-comp .image-with-text-holder img {
    display: block;
    margin: 0 auto
}

.foundatoin-asset-content-comp .image-with-text-holder .text-holder {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #12446d;
    padding: .5rem;
    text-align: center;
    display: block
}

.foundatoin-asset-content-comp .image-with-text-holder .text-holder p {
    margin: 0
}

.imageModal .modal-content {
    background: transparent;
    border: 0
}

.imageModal .modal-content .close {
    opacity: 1;
    text-shadow: none;
    background: white;
    width: 24px;
    height: 24px;
    line-height: 20px;
    border-radius: 20px;
    top: 6px;
    left: 18px;
    position: relative
}

.view-modal__icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/search-black-icon.svg');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 12px 12px;
    padding-left: 15px
}

@media screen and (max-width:767px) {
    .callout {
        padding: 2rem
    }

    .callout__image {
        background-size: cover
    }

    .callout--full .callout__content {
        opacity: .7;
        padding: 1.5rem 1.5rem 1.125rem;
        min-height: 100%;
        width: 100%
    }

    .foundatoin-asset-content-comp .image-with-text-holder {
        float: none;
        margin: 12px auto
    }
}

@media screen and (max-width:720px) {
    .callout--promo.callout--promo-full .callout__text {
        padding-left: 40%
    }

    .callout--promo.callout--promo-full .callout__cta {
        padding-left: 40%
    }
}

@media screen and (max-width:575px) {
    .callout .row {
        position: relative
    }

    .callout--full .col-md-12 {
        padding: 0
    }

    .callout--no-image {
        text-align: left
    }

    .callout--no-image .callout__content {
        padding: 1.5rem 1.5rem 1.125rem
    }

    .callout--no-image .callout__text {
        padding-left: 0;
        width: 100%
    }

    .callout--no-image .callout__cta {
        padding-left: 0;
        width: 100%
    }

    .callout--no-image .callout__options {
        padding-left: 0;
        width: 100%
    }

    .callout--promo.callout--promo-full .callout__text {
        padding-left: 0
    }

    .callout--promo.callout--promo-full .callout__cta {
        padding-left: 0
    }

    .callout--promo.callout--promo-full .callout__content {
        width: 100%;
        padding-top: 2rem
    }

    .callout--promo.callout--promo-full .container {
        height: auto
    }

    .callout--promo.callout--promo-full .align-items-center:after {
        content: '';
        position: absolute;
        border-right: 0;
        border-bottom: 1px solid #cccfd3;
        height: 100%;
        width: 80%
    }

    .callout--promo .callout__content {
        width: 100%;
        padding-top: 2rem
    }

    .callout--promo .align-items-center:after {
        content: '';
        position: absolute;
        border-right: 0;
        border-bottom: 1px solid #cccfd3;
        height: 100%;
        width: 80%
    }

    .callout__content-list {
        padding-left: 2rem
    }
}

.topic-link-date-view .cmp-TopicLink {
    margin-top: 5px
}

.topic-link-date-view .topiclink-flexcontainer {
    display: flex;
    height: 108px;
    align-items: center
}

.topic-link-date-view .topiclink-flexcontainer .topiclink-btn a {
    font-size: 21px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    width: 196px;
    height: 60px;
    border-radius: 4.8px;
    background-color: #beff00;
    justify-content: center;
    align-items: center
}

.topic-link-date-view .topiclink-date {
    min-width: 56px;
    height: 60px;
    border-radius: 3.6px;
    background-color: #beff00;
    text-align: center;
    padding: 11px 0 7px 0;
    position: relative
}

.topic-link-date-view .topiclink-date .date {
    width: 29px;
    height: 26px;
    font-size: 12.8px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #fff
}

.topic-link-date-view .topiclink-date p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1
}

.topic-link-date-view .topiclink-text {
    width: 75%
}

.topic-link-date-view .topiclink-text p {
    margin-bottom: 0;
    padding-left: 30px;
    width: 75%
}

.topic-link-date-view .topic-linkcontainer {
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.08)
}

.topic-link-date-view #topiclinkDate {
    font-size: 22px;
    line-height: 1
}

.topic-link-date-view #topiclinkDay {
    font-size: 12px;
    line-height: 1
}

.topic-link-date-view .halfCircle {
    height: 6px;
    width: 6px;
    border-radius: 0 0 90px 90px;
    background: #fff;
    position: absolute
}

.topic-link-date-view .HCBottom-1 {
    top: 0;
    left: 10px
}

.topic-link-date-view .HCBottom-2 {
    top: 0;
    left: 26px
}

.topic-link-date-view .HCBottom-3 {
    top: 0;
    left: 41px
}

.topic-link-date-view .float-right {
    float: right
}

.topic-link-date-view .topic-link-sec p {
    font-size: 14px;
    font-family: Arial;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 80%;
    padding-right: 20px
}

.topic-link-date-view .topic-link-sec a {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-top: 25px;
    padding-bottom: 25px
}

.topic-link-date-view .topic-link-sec button {
    font-size: 13px;
    color: #fff;
    background-color: #317ea5;
    min-width: 150px;
    height: 40px;
    border-radius: 5px;
    font-family: Arial
}

.topic-link-date-view .topic-link-sec button:focus {
    color: #fff
}

.topic-link-date-view .topic-link-sec button:hover {
    color: #fff
}

.topic-link-date-view .topic-link-sec-desc {
    display: table;
    text-align: center;
    margin: 0 60px 0 60px
}

@media only screen and (max-width:960px) and (min-width:701px) {
    .topic-link-date-view .topiclink-flexcontainer .topiclink-btn a {
        font-size: 18px;
        width: 180px;
        height: 50px
    }

    .topic-link-date-view .topiclink-text {
        width: 85%
    }

    .topic-link-date-view .topiclink-text p {
        width: 85%
    }
}

@media only screen and (max-width:700px) {
    .topic-link-date-view .topiclink-flexcontainer {
        display: block;
        height: auto;
        padding: 30px 15px 30px 15px
    }

    .topic-link-date-view .topiclink-flexcontainer .topiclink-btn a {
        margin: 0 auto;
        width: 137px;
        height: 42px;
        font-size: 14px
    }

    .topic-link-date-view .topiclink-date {
        width: 56px;
        margin: 0 auto
    }

    .topic-link-date-view .topiclink-text {
        width: 100%
    }

    .topic-link-date-view .topiclink-text p {
        width: 100%;
        text-align: center;
        padding: 15px 0 20px 0;
        font-size: 14px
    }
}

@media only screen and (max-width:960px) and (min-width:701px) {
    .topic-link-date-view .topic-link-sec-desc {
        margin: 0 35px 0 35px
    }
}

@media only screen and (max-width:700px) {
    .topic-link-date-view .topic-link-sec-desc {
        margin: 10px 0 0 10px;
        display: block;
        text-align: center;
        padding-left: 16px;
        padding-right: 16px
    }

    .topic-link-date-view .topic-link-sec {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .topic-link-date-view .topic-link-sec a {
        display: block;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .topic-link-date-view .topic-link-sec button {
        float: none;
        margin-top: 5px
    }

    .topic-link-date-view .topic-link-sec p {
        text-align: center;
        width: 100%
    }
}

.table.cmp-table.table-scroll {
    overflow-x: scroll
}

.table.cmp-table.table-scroll td {
    white-space: nowrap
}

@media(max-width:767px) {
    .table.cmp-table {
        overflow-x: scroll
    }
}

.table.cmp-table thead th,
.table.cmp-table tbody td {
    padding: 0 15px
}

.table.cmp-table tbody tr {
    border-bottom: 1px solid #f2f2f2
}

.table.cmp-table tbody tr.fixed:nth-child(odd) {
    background: #fff
}

.table.cmp-table tbody tr.fixed:nth-child(even) {
    background: #f2f2f2
}

table.spacing-table tbody tr.auto .text p {
    line-height: 2rem
}

table.spacing-table tbody tr.auto .text ol,
table.spacing-table tbody tr.auto .text ul {
    line-height: 2rem
}

.tabbed-navbar {
    position: relative
}

.tabbed-navbar.editmain #pills-tab {
    width: 100% !important
}

.tabbed-navbar.editmain .nav-pills>li {
    float: none;
    width: 100% !important
}

.tabbed-navbar.vertical #pills-tab {
    width: 25%;
    display: inline-block;
    background-color: #fff
}

@media(max-width:767px) {
    .tabbed-navbar.vertical #pills-tab {
        width: 100%
    }
}

.tabbed-navbar.vertical #pills-tab li {
    float: none;
    background-color: #fff;
    position: relative;
    list-style-type: none
}

@media(max-width:767px) {
    .tabbed-navbar.vertical #pills-tab li {
        padding: 10px 0
    }
}

.tabbed-navbar.vertical #pills-tab li a {
    color: #000
}

.tabbed-navbar.vertical #pills-tab li:hover {
    background-color: #fff
}

.tabbed-navbar.vertical #pills-tab li.active a {
    color: #217ac6;
    background-color: #f2f2f2
}

.tabbed-navbar.vertical #pills-tab li.active a:after {
    content: '>';
    position: absolute;
    right: 0;
    padding-right: 15px
}

@media(max-width:767px) {
    .tabbed-navbar.vertical #pills-tab li.active a:after {
        content: '+'
    }
}

@media(max-width:767px) {
    .tabbed-navbar.vertical #pills-tab li .tab__content {
        margin-bottom: 20px
    }
}

.tabbed-navbar.vertical .tabbed-description {
    position: absolute;
    width: 75%;
    padding: 0 20px;
    display: inline-block;
    background-color: #f2f2f2
}

.tabbed-navbar.horizontal #pills-tab {
    background-color: #fff;
    padding-bottom: 10px
}

.tabbed-navbar.horizontal #pills-tab li {
    background-color: #fff;
    margin-left: 0;
    padding: 0;
    display: inline-block;
    position: relative
}

@media(max-width:767px) {
    .tabbed-navbar.horizontal #pills-tab li {
        display: block;
        padding: 10px 0
    }
}

.tabbed-navbar.horizontal #pills-tab li:hover {
    background-color: #fff
}

.tabbed-navbar.horizontal #pills-tab li a {
    color: #000;
    border-bottom: 2px solid #f2f2f2;
    background-color: transparent;
    padding: 0 30px 20px
}

@media(max-width:767px) {
    .tabbed-navbar.horizontal #pills-tab li a {
        padding: 0
    }
}

.tabbed-navbar.horizontal #pills-tab li.active a {
    border-bottom: 2px solid #217ac6
}

@media(max-width:767px) {
    .tabbed-navbar.horizontal #pills-tab li.active a {
        border-bottom: 0
    }
}

.tabbed-navbar.horizontal #pills-tab li.active .nav-link:after {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -29px;
    left: 50%;
    margin-left: -7px;
    border-right: #217ac6 solid 3px;
    border-bottom: #217ac6 solid 3px;
    background-color: #fff
}

@media(max-width:767px) {
    .tabbed-navbar.horizontal #pills-tab li.active .nav-link:after {
        border: 0;
        content: '+';
        transform: rotate(0);
        left: 0
    }
}

@media(max-width:767px) {
    .tabbed-navbar.horizontal #pills-tab li .tab__content {
        margin-bottom: 20px
    }
}

.tabbed-navbar.horizontal .tabbed-description {
    width: 100%;
    padding: 0 20px;
    background-color: #f2f2f2
}

.cmp-tabbed.tabbedcmpTabHover-EI .water-vertical-tab-component .tab-content-image,
.cmp-tabbed.tabbedcmpTabHover-EI .water-vertical-tab-component .tab-content-text {
    float: right
}

.cmp-tabbed.tabbedcmpTabHover-EI .water-vertical-tab-component .tab:hover {
    color: #eb0000 !important
}

.cmp-tabbed.tabbedcmpTabHover-EI .tab-active {
    color: #eb0000 !important;
    border-left: 4px solid #eb0000 !important
}

.cmp-tabbed.tabbedcmpTabHover-EI .title-text {
    color: #eb0000 !important
}

.water-vertical-tab-component {
    font-family: "APKProtocol Regular";
    font-weight: normal;
    font-style: normal;
    font-stretch: normal
}

.water-vertical-tab-component .electronics-red-clr {
    color: #beff00
}

.water-vertical-tab-component .tab-content-text h3 {
    font-family: "APKProtocol Regular";
    margin-bottom: 17px !important
}

.water-vertical-tab-component .tab-content-image img {
    width: 100%
}

.water-vertical-tab-component .mobile-vertical-tab {
    display: none
}

.water-vertical-tab-component .desktop-vertical-tab {
    display: block
}

.water-vertical-tab-component .eyebrow-text {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .5px;
    margin-bottom: 24px
}

.water-vertical-tab-component .title-text {
    margin-bottom: 56px
}

.water-vertical-tab-component .description-text {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.1px;
    margin-bottom: 56px;
    font-family: "APKProtocol Regular"
}

.water-vertical-tab-component .description-text a {
    font-size: 16px;
    font-family: "APKProtocol Bold"
}

@media only screen and (max-width:767px) {
    .water-vertical-tab-component .description-text a {
        font-size: 14px
    }
}

.water-vertical-tab-component .tab-content-text {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.1px
}

.water-vertical-tab-component .tab-content-text a {
    font-size: 16px;
    font-family: "APKProtocol Bold"
}

@media only screen and (max-width:767px) {
    .water-vertical-tab-component .tab-content-text a {
        font-size: 14px
    }
}

.water-vertical-tab-component .mtab-container,
.water-vertical-tab-component .tab-container {
    float: left
}

.water-vertical-tab-component .tab-container {
    padding-left: 0;
    padding-right: 0
}

.water-vertical-tab-component .mtab,
.water-vertical-tab-component .tab {
    border-left: 4px solid transparent;
    font-family: "APKProtocol Regular";
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.1px;
    margin-bottom: 36px;
    cursor: pointer
}

.water-vertical-tab-component .mtab:hover,
.water-vertical-tab-component .tab:hover {
    color: #128370
}

.water-vertical-tab-component .mtab-content,
.water-vertical-tab-component .tab-content {
    display: none
}

.water-vertical-tab-component .mtab-content h2,
.water-vertical-tab-component .tab-content h2 {
    font-family: "APKProtocol Regular" !important;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.5px
}

.water-vertical-tab-component .mtab-content p,
.water-vertical-tab-component .tab-content p {
    font-family: "APKProtocol Regular" !important;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.1px
}

.water-vertical-tab-component .mtab-content-text,
.water-vertical-tab-component .mtab-content-image,
.water-vertical-tab-component .tab-content-text,
.water-vertical-tab-component .tab-content-image {
    float: left
}

.water-vertical-tab-component .mtab-content-text {
    margin-top: 33px
}

.water-vertical-tab-component .mtab-content-text a {
    font-size: 14px;
    font-family: "APKProtocol Bold"
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .water-vertical-tab-component .eyebrow-text {
        margin-bottom: 16px
    }

    .water-vertical-tab-component .description-text,
    .water-vertical-tab-component .title-text {
        margin-bottom: 48px
    }

    .water-vertical-tab-component .tab {
        font-size: 14px;
        line-height: 24px
    }
}

@media only screen and (max-width:767px) {
    .water-vertical-tab-component .eyebrow-text {
        margin-bottom: 12px
    }

    .water-vertical-tab-component .mtab,
    .water-vertical-tab-component .tab {
        font-size: 14px;
        line-height: 24px
    }

    .water-vertical-tab-component .description-text,
    .water-vertical-tab-component .title-text {
        margin-bottom: 32px
    }

    .water-vertical-tab-component .mobile-vertical-tab {
        display: block
    }

    .water-vertical-tab-component .desktop-vertical-tab {
        display: none
    }

    .water-vertical-tab-component .mtab {
        margin: 0;
        padding: 0 15px 0 15px;
        position: realtive !important
    }

    .water-vertical-tab-component .accordion-parent {
        list-style: none;
        border-top: 1px solid #e1e1e1;
        padding: 11px 0 11px 0
    }

    .water-vertical-tab-component .accordion-parent:last-child {
        border-bottom: 1px solid #e1e1e1
    }

    .water-vertical-tab-component .mbtn-text {
        font-size: 14px;
        line-height: 24px;
        font-family: "APKProtocol Bold"
    }

    .water-vertical-tab-component .mbtn-expand {
        float: right;
        line-height: 24px;
        top: calc(41%);
        right: 0;
        font-size: 18px;
        font-family: "APKProtocol Medium"
    }

    .water-vertical-tab-component .mtab-content-text,
    .water-vertical-tab-component .mtab-content-image {
        float: none;
        padding: 0 15px
    }

    .water-vertical-tab-component .mtab-content-text {
        margin-top: 33px
    }

    .water-vertical-tab-component .mtab-content-text a {
        font-size: 14px;
        font-family: "APKProtocol Bold"
    }
}

.tab-active {
    font-family: "APKProtocol Bold" !important;
    border-left: 4px solid #128370 !important;
    color: #128370;
    padding-left: 11px
}

.mtab-content-text ul,
.tab-content-text ul {
    font-family: "APKProtocol Regular";
    padding-left: 21px;
    list-style: disc
}

.mtab-content-text a,
.tab-content-text a {
    font-size: 16px;
    font-family: "APKProtocol Bold"
}

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

    .mtab-content-text a,
    .tab-content-text a {
        font-size: 14px
    }
}

.tabbed-nav ul.nav-pills {
    top: 100px;
    padding-bottom: 100px;
    position: sticky;
    max-height: 100vh;
    overflow-y: auto;
    flex-wrap: nowrap
}

.tabbed-nav ul.nav-pills .nav-link.active {
    background-color: #e6e6e6;
    color: #000
}

.tabbed-nav ul.nav-pills a:hover {
    color: #666
}

.tabbed-nav .scroll-section {
    padding-left: 20px;
    padding-bottom: 20px
}

.tabbed-nav .scroll-section ul {
    list-style-position: inside
}

.tabbed-nav .scroll-section ul ul {
    padding-left: 15px
}

.tabbed-nav .scroll-section p a,
.tabbed-nav .scroll-section ul a {
    color: #000;
    text-decoration: underline
}

.tabbed-nav .scroll-section p a:hover,
.tabbed-nav .scroll-section ul a:hover {
    color: #666;
    text-decoration: underline
}

.tabbed-nav div.scroll-section:before {
    content: '';
    display: block;
    height: 100px;
    visibility: hidden;
    margin-top: -100px
}

.tabbed-nav .scrollSpy-placeholder {
    display: none
}

@media(max-width:576px) {
    .tabbed-nav .scrollContent {
        padding-bottom: 50px
    }

    .tabbed-nav .scroll-section {
        padding-left: 0
    }

    .tabbed-nav #myScrollspy {
        position: sticky;
        overflow: hidden;
        left: 0;
        top: calc(100% - 70px);
        background: #fff;
        z-index: 98;
        width: calc(100% - 20px);
        margin-left: 10px;
        border-radius: 25px;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5)
    }

    .tabbed-nav ul.nav-pills {
        top: unset;
        padding-bottom: unset;
        padding-right: 30px;
        position: relative;
        height: 50px;
        overflow-y: hidden
    }

    .tabbed-nav ul.nav-pills:before {
        content: '\f106';
        font-family: "Font Awesome 5 Free";
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: white;
        position: absolute;
        font-size: 30px;
        font-weight: 800;
        left: 0;
        top: 0;
        line-height: 1;
        z-index: 2;
        width: 100%;
        height: 100%;
        padding-left: calc(100% - 35px);
        padding-top: 9px
    }

    .tabbed-nav ul.nav-pills.open:before {
        display: none
    }

    .tabbed-nav #myScrollspy.open {
        height: 300px;
        top: calc(100% - 320px);
        border-radius: 4px
    }

    .tabbed-nav .scrollSpy-placeholder {
        display: inline-block;
        position: absolute;
        top: 12px;
        left: 17px;
        font-size: 14px
    }

    .tabbed-nav ul.nav-pills.open {
        height: 100%;
        overflow-y: scroll;
        background: white;
        padding: 20px 0;
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5)
    }

    .tabbed-nav li.nav-item {
        position: relative;
        top: 7px
    }

    .tabbed-nav li.nav-item a {
        display: none
    }

    .tabbed-nav li.nav-item a.nav-link.active,
    .tabbed-nav ul.nav-pills.open li.nav-item a {
        display: block;
        color: #000;
        background-color: #fff
    }

    .tabbed-nav ul.nav-pills.open li.nav-item a.active {
        color: #fff;
        background-color: #beff00
    }
}

@media(max-width:1023px) {
    .tabbed-nav.container {
        padding-left: 33px;
        padding-right: 33px
    }
}

.water-vertical-tab-component .tab-content-image-EI img {
    width: 210px;
    height: 220px;
    float: left
}

.water-vertical-tab-component .ctaAlignDesk-EI {
    margin-left: -3%
}

.water-vertical-tab-component .ctaAlignDesk-EI a {
    padding: 9px 26px !important
}

.water-vertical-tab-component .tab-content-text-EI {
    float: none;
    position: relative;
    left: 22px;
    margin-left: -3%
}

.water-vertical-tab-component .ctaAlignMob-EI {
    text-align: center
}

.water-vertical-tab-component .mtab-content-image.imageSpacing-EI {
    margin-top: 5%
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .water-vertical-tab-component .ctaAlignDesk-EI {
        margin-left: -5%
    }

    .water-vertical-tab-component .tab-content-text-EI {
        margin-left: -5%
    }
}

.footer__banner {
    background-position: center center;
    background-size: cover;
    padding: 3.7rem 0;
    width: 100%
}

.footer__banner .row {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:575px) {
    .footer__banner .row {
        align-items: center;
        justify-content: normal;
        flex-direction: initial;
        display: block
    }
}

.footer__banner .footer__banner-text {
    font-family: "APKProtocol Regular", sans-serif;
    margin: 0;
    padding: 0 2rem;
    font-weight: 700;
    font-size: 16px
}

@media screen and (max-width:575px) {
    .footer__banner .footer__banner-text {
        font-size: 1rem;
        text-align: left;
        padding: 0;
        margin-bottom: 1rem
    }
}

.footer__banner .footer__banner-input {
    border: 1px solid #fff;
    border-radius: 25px 0 0 25px;
    display: inline-block;
    margin: 0
}

.footer__banner .footer__banner-form {
    display: inline-flex
}

.footer__banner .footer__banner-form [type="email"] {
    min-width: auto;
    font-size: 14px
}

.footer__banner .footer__banner-disclaimer {
    color: #fff;
    margin-top: 1.25rem
}

.footer__banner .btn.subbtn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    padding-left: 24px
}

.footer__banner .btn-primary:focus,
.footer__banner .btn:focus {
    outline: 0;
    box-shadow: none !important
}

.footer__banner .btn:hover:before,
.footer__banner .btn.hovered:before,
.footer__banner a.card:hover .btn:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    border-radius: 25px
}

.footer__banner .btn-primary {
    border: 1px solid #217ac6;
    background-color: #217ac6;
    color: #fff;
    border-radius: 25px
}

.footer__banner .btn-primary:before {
    background-color: #fff
}

.footer__banner .btn-primary:hover,
.footer__banner .btn-primary.hovered {
    color: #217ac6
}

.footer__banner .btn-secondary {
    border: 1px solid #217ac6;
    color: #217ac6;
    background-color: transparent;
    border-radius: 25px
}

.footer__banner .btn-secondary:hover,
.footer__banner .btn-secondary:not(:disabled):not(.disabled):active,
.footer__banner .btn-secondary.hovered {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #217ac6
}

.footer__banner .subbtn.btn-secondary:before {
    background: #217ac6
}

.footer__banner .btn-secondary--white {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 25px
}

.footer__banner a.card:hover .btn-secondary {
    color: #fff !important;
    border-radius: 25px
}

.footer__banner .btn-secondary--white:hover,
.footer__banner .btn-secondary--white.hovered,
.footer__banner .btn-secondary:not(:disabled):not(.disabled):active,
.footer__banner a.card:hover .btn-secondary--white {
    border-color: #fff !important;
    background: #fff
}

.footer__banner .subbtn.btn-secondary--white:before {
    background: #98cc00
}

.footer__banner .subbtn:hover,
.footer__banner .subbtn.hovered {
    color: black !important;
    border-color: #98cc00 !important;
    background: #98cc00;
    background-color: #98cc00 !important
}

.footer__banner .subbtn {
    padding: .625rem 0;
    font-size: .875rem;
    text-transform: capitalize;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0) 0 0 1px;
    position: relative;
    transition: color .3s ease 0;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease;
    transition-delay: 0;
    background: transparent;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #beff00;
    line-height: 1;
    text-decoration: none;
    appearance: none
}

.footer__banner .subbtn {
    border-radius: 0 25px 25px 0;
    color: black !important
}

.footer__banner #subsbutton {
    padding-left: 15px
}

.footer__banner #subscribeReq1 {
    color: red;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px
}

.footer__banner #subscribeReq2 {
    color: red;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px
}

.subscribe.subscribe-emailErrorMsg label {
    color: #fff !important
}

.subscribe.subscribe-titleText_EI .footer__banner .footer__banner-text {
    padding: 0 !important
}

.buildingCasestudy .row .news-col {
    text-align: center;
    margin-bottom: 3%
}

.buildingCasestudy .row .news-col .news-box a {
    cursor: pointer
}

.buildingCasestudy .row .news-col .text {
    margin: 4% 0;
    padding: 0 5%
}

.buildingCasestudy .row .news-col a {
    color: #000;
    text-decoration: none;
    margin-bottom: 5%
}

.buildingCasestudy .row .news-col img {
    width: 100%
}

.buildingCasestudy .row .news-col h5 {
    font-family: "APKProtocol Regular"
}

@media screen and (max-width:991px) {
    .buildingCasestudy .row .news-col h5 {
        font-size: .9rem
    }
}

.buildingCasestudy .row h5 {
    font-family: "APKProtocol Regular"
}

@media screen and (min-width:992px) {
    .buildingCasestudy .row .left-two-rows .row:not(:last-of-type) {
        margin-bottom: 5%
    }

    .buildingCasestudy .row .left-two-rows .row.lower-col .news-col {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .buildingCasestudy .row .left-two-rows .row.lower-col .news-col {
        margin-top: -6%
    }
}

.buildingCasestudy span.glyphicon.glyphicon-arrow-right {
    margin-left: 10px;
    font-size: 11px
}

.buildingCasestudy span.fa-long-arrow-alt-right {
    margin-left: 1em;
    font-size: 1.3em
}

.buildingCasestudy .right-arrow {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/black-arrow.svg);
    background-size: 24px;
    position: absolute;
    width: 24px;
    height: 17px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-position: center center
}

.buildingCasestudy a:hover {
    color: #beff00 !important
}

.buildingCasestudy .row .news-col {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    border: 1px solid rgba(100, 100, 100, 0.2);
    margin-right: 2%;
    padding: 0;
    margin-bottom: 3%
}

@media only screen and (min-width:994px) and (max-width:1028px) {
    .buildingCasestudy .row .news-col h5 {
        min-height: 95px
    }
}

@media screen and (min-width:978px) {
    .buildingCasestudy .row .news-col.big-col {
        max-width: 73%;
        padding: 0;
        margin-right: 2%
    }
}

@media screen and (min-width:1025px) {
    .buildingCasestudy .row .news-col.big-col .right-arrow {
        top: auto;
        right: auto;
        margin-top: 5px
    }
}

@media screen and (min-width:768px) {
    .buildingCasestudy .row .news-col.col-md-3 {
        max-width: 23%;
        padding: 0;
        margin-right: 2%
    }
}

.buildingCasestudy .row .news-col .text {
    margin: 4% 0;
    padding: 0 5%
}

.buildingCasestudy .row .news-col a {
    color: #000;
    text-decoration: none;
    margin-bottom: 5%
}

.buildingCasestudy .row .news-col img {
    width: 100%
}

@media screen and (min-width:978px) {
    .buildingCasestudy .row .left-two-rows {
        max-width: 23%;
        padding: 0;
        margin-left: 2%
    }

    .buildingCasestudy .row .left-two-rows .row:not(:last-of-type) {
        margin-bottom: 19.5%
    }

    .buildingCasestudy .row .left-two-rows .row .news-col {
        padding: 0
    }

    .buildingCasestudy .row .left-two-rows .row.lower-col {
        margin-top: 1%;
        position: absolute
    }
}

@media screen and (max-width:992px) {
    .buildingCasestudy {
        padding-left: 3em;
        padding-right: 3em
    }

    .buildingCasestudy .newscolboxPx {
        min-width: 98% !important
    }

    .buildingCasestudy .news-col {
        margin-right: 0 !important
    }
}

@media screen and (min-width:769px) {
    .buildingCasestudy .bottomCardRow>.col-md-3 {
        margin-bottom: 0 !important
    }
}

@media screen and (device-width:768px) {
    .buildingCasestudy {
        min-width: 100% !important;
        padding-left: 4em
    }
}

@media screen and (device-width:1024) {
    .buildingCasestudy h5 {
        font-size: 1em !important
    }
}

@media screen and (min-width:769px) {
    .buildingCasestudy {
        padding-left: 1em
    }

    .buildingCasestudyh4 {
        text-align: left;
        margin-left: -9px;
        margin-bottom: 2em
    }

    .col-md-3.news-col4.left-two-rows {
        padding-right: 2em;
        margin-left: 1em
    }

    .row.lower-col.news-col4 {
        padding-right: 2em
    }

    .newscol4View {
        margin-bottom: 0
    }
}

.buildingCasestudy .row .news-col img.dynamic-comp-list-img {
    height: 190px
}

.ms-options-wrap {
    position: relative
}

.ms-options-wrap,
.ms-options-wrap * {
    box-sizing: border-box
}

.ms-options-wrap>button:focus,
.ms-options-wrap>button {
    position: relative;
    width: 100%;
    text-align: left;
    border: 1px solid #aaa;
    background-color: #fff;
    padding: 5px 20px 5px 5px;
    margin-top: 1px;
    font-size: 13px;
    color: #aaa;
    outline-offset: -2px;
    white-space: nowrap
}

.ms-options-wrap>button>span {
    display: inline-block
}

.ms-options-wrap>button[disabled] {
    background-color: #e5e9ed;
    color: gray;
    opacity: .6
}

.ms-options-wrap>button:after {
    content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: #999;
    margin-top: -3px
}

.ms-options-wrap.ms-has-selections>button {
    color: #333
}

.ms-options-wrap>.ms-options {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 1px;
    margin-bottom: 20px;
    background: white;
    z-index: 2000;
    border: 1px solid #aaa;
    overflow: auto;
    visibility: hidden
}

.ms-options-wrap.ms-active>.ms-options {
    visibility: visible
}

.ms-options-wrap>.ms-options>.ms-search input {
    width: 100%;
    padding: 4px 5px;
    border: 0;
    border-bottom: 1px groove;
    outline: 0
}

.ms-options-wrap>.ms-options .ms-selectall {
    display: inline-block;
    font-size: .9em;
    text-transform: lowercase;
    text-decoration: none
}

.ms-options-wrap>.ms-options .ms-selectall:hover {
    text-decoration: underline
}

.ms-options-wrap>.ms-options>.ms-selectall.global {
    margin: 4px 5px
}

.ms-options-wrap>.ms-options>ul,
.ms-options-wrap>.ms-options>ul>li.optgroup ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.ms-options-wrap>.ms-options>ul li.ms-hidden {
    display: none
}

.ms-options-wrap>.ms-options>ul>li.optgroup {
    padding: 5px
}

.ms-options-wrap>.ms-options>ul>li.optgroup+li.optgroup {
    border-top: 1px solid #aaa
}

.ms-options-wrap>.ms-options>ul>li.optgroup .label {
    display: block;
    padding: 5px 0 0 0;
    font-weight: bold
}

.ms-options-wrap>.ms-options>ul label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 4px 4px 4px 20px;
    margin: 1px 0;
    border: 1px dotted transparent
}

.ms-options-wrap>.ms-options.checkbox-autofit>ul label,
.ms-options-wrap>.ms-options.hide-checkbox>ul label {
    padding: 4px
}

.ms-options-wrap>.ms-options>ul label.focused,
.ms-options-wrap>.ms-options>ul label:hover {
    background-color: #efefef;
    border-color: #999
}

.ms-options-wrap>.ms-options>ul li.selected label {
    background-color: #efefef;
    border-color: transparent
}

.ms-options-wrap>.ms-options>ul input[type="checkbox"] {
    margin: 0 5px 0 0;
    position: absolute;
    left: 4px;
    top: 7px
}

.ms-options-wrap>.ms-options.hide-checkbox>ul input[type="checkbox"] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.socialMediaFeed {
    overflow: hidden
}

.socialMediaFeed.fixgrid-parent {
    overflow: unset;
    position: relative
}

.socialMediaFeed.fixgrid-parent .sticky-container {
    display: block
}

@media screen and (max-width:1024px) {
    .socialMediaFeed .headline {
        margin-left: 15px
    }
}

.socialMediaFeed .sticky-container {
    position: sticky;
    height: 100vh;
    top: 0;
    width: 100%;
    pointer-events: none;
    display: none
}

.socialMediaFeed .sticky-container.editmode {
    height: 0
}

.socialMediaFeed .fix-grid {
    display: flow-root;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    position: sticky;
    height: 100vh;
    top: 0
}

.socialMediaFeed .fix-grid.editmode {
    max-height: 700px;
    position: static
}

.socialMediaFeed .fix-grid.editmode .bg_img {
    max-height: 700px
}

.socialMediaFeed .fix-grid.editmode .electronics-social-share-content {
    max-height: 600px
}

.socialMediaFeed .fix-grid.editmode .headline {
    margin-top: 0
}

.socialMediaFeed .fix-grid.editmode .media {
    max-height: 300px
}

.socialMediaFeed .fix-grid .sf-filter-section {
    display: none !important
}

.socialMediaFeed .fix-grid .bg_img {
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;
    display: none;
    position: absolute
}

@media screen and (min-width:769px) {
    .socialMediaFeed .fix-grid .bg_img.desk {
        display: block
    }
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .bg_img.mob {
        display: block
    }
}

.socialMediaFeed .fix-grid .headline {
    width: 75%;
    position: relative;
    margin-top: 16vh;
    color: #fff;
    font-family: "RocGrotesk-Wide";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.5px;
    margin-left: 50px;
    margin-bottom: 30px
}

.socialMediaFeed .fix-grid .headline p {
    margin: 0
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .headline {
        margin-left: 18px;
        margin-right: 18px;
        line-height: 1.5;
        margin-top: 10vh;
        font-size: 14px
    }
}

.socialMediaFeed .fix-grid .sf-filter-section {
    position: relative
}

.socialMediaFeed .fix-grid .electronics-social-share-content {
    position: relative;
    padding: 0 50px;
    width: 100%;
    height: calc(100vh - 16vh - 100px);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content {
        padding: 0 18px;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        overflow: hidden
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card {
    margin: 0;
    flex: 0 0 33.33%;
    border-right: 1px solid #fff;
    padding: 25px 0 30px 0;
    border-radius: 0;
    background: 0;
    box-shadow: none
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card {
        border-right: 0;
        flex: 0 0 100%;
        position: relative;
        height: 100%;
        opacity: 0;
        transition: opacity .5s ease-out;
        visibility: hidden;
        position: absolute;
        width: calc(100% - 36px)
    }

    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card.active {
        opacity: 1;
        visibility: visible
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card:first-child .content {
    margin-left: 0
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content {
    margin-left: 45px;
    margin-right: 35px;
    position: relative
}

@media screen and (max-width:1024px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content {
        margin-left: 25px;
        margin-right: 15px
    }
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .profile {
        height: 55px
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .profile .photo {
    width: 70px;
    height: 70px;
    padding: 0
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .profile .photo {
        height: 55px;
        width: 55px
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .profile .photo img {
    border-radius: 35px
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .profile .text {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: end;
    padding: 0;
    height: 70px
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .profile .text {
        height: 55px
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .profile .text .name {
    display: none
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .profile .text .date {
    color: #fff;
    font-family: "RocGrotesk";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-right: 25px;
    text-align: right
}

@media screen and (max-width:1024px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .profile .text .date {
        margin-right: 0;
        font-size: 14px
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body {
    margin: 20px 0;
    flex-grow: unset;
    max-height: calc(84vh - 300px)
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text {
    padding: 0;
    order: 1
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text .post-desc {
    font-family: "RocGrotesk";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff
}

@media screen and (max-width:900px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text .post-desc {
        font-size: 16px
    }
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text .post-desc {
        font-size: 18px
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text .body3 {
    max-height: 90px;
    height: 90px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    color: #fff
}

@media screen and (min-width:769px) and (max-width:900px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text .body3:not(.full-height) {
        max-height: 70px;
        height: 70px !important
    }
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text .body3 {
        height: 77px !important;
        max-height: unset
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text .full-height {
    max-height: calc(84vh - 300px);
    margin-top: 0;
    text-overflow: unset;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    height: auto
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text .full-height {
        height: auto !important
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text p a {
    color: #ffb500
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text .see-more {
    display: none !important;
    font-family: "RocGrotesk";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffb500;
    margin-top: -2px;
    background: 0
}

@media screen and (min-width:768px) and (max-width:900px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text .see-more {
        font-size: 16px
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text .see-more:after {
    content: '';
    border-bottom: 2px solid #ffb500;
    width: 100%;
    display: block;
    margin-top: -4px
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .text .see-more {
        font-size: 18px
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .media {
    overflow: visible;
    height: calc(84vh - 420px);
    order: 0
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .media img {
    width: calc(100% + 35px);
    margin-right: -35px
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .media img {
        width: 100%;
        margin-right: 0
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .media .vid-thumb-wrap .smf-play-icon {
    width: 50px;
    margin-right: 0;
    bottom: 15px;
    right: -20px;
    top: unset;
    left: unset;
    transform: none
}

@media screen and (max-width:1024px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .media .vid-thumb-wrap .smf-play-icon {
        right: 0
    }
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .body .media .vid-thumb-wrap .smf-play-icon {
        right: 15px;
        width: 40px;
        height: 40px
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .actions {
    position: absolute;
    bottom: -20px;
    width: 100%;
    height: 40px
}

@media screen and (min-width:768px) and (max-width:900px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .actions {
        scale: .8
    }
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .actions {
        height: 35px
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .actions li {
    flex-grow: unset
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .actions li:first-child img {
    margin-left: 0
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .actions li[data-ic-type="comments"] {
    display: none
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .actions li img {
    width: 26px;
    height: 26px;
    float: left;
    display: block;
    margin-left: 20px
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .actions li img {
        width: 18px;
        height: 18px
    }
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .actions li a[data-title="View Post"] {
    right: 0;
    position: absolute
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .actions li a[data-title="View Post"] img {
    margin-top: -10px;
    width: 35px;
    height: 35px
}

.socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .actions li span {
    font-family: "RocGrotesk";
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    display: inline-block;
    margin-top: -3px;
    margin-left: 5px
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .electronics-social-share-content .social-share-card .content .actions li span {
        font-size: 18px
    }
}

.socialMediaFeed .fix-grid .ss-dots-wrap {
    position: absolute;
    left: 20px;
    margin-top: 35px;
    display: none
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .ss-dots-wrap {
        display: block
    }
}

.socialMediaFeed .fix-grid .ss-dots-wrap .dots {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    float: left;
    margin-right: 15px;
    border-radius: 6px
}

.socialMediaFeed .fix-grid .ss-dots-wrap .dots.active {
    background-color: #ffb500
}

.socialMediaFeed .fix-grid .ss-see-more-btn-wrap {
    position: absolute;
    right: 25px;
    margin-top: 5px
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .ss-see-more-btn-wrap {
        margin-top: 20px;
        right: 18px
    }
}

.socialMediaFeed .fix-grid .ss-see-more-btn-wrap .ss-see-more {
    color: #ffb500;
    font-family: "RocGrotesk-Wide";
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.5px
}

.socialMediaFeed .fix-grid .ss-see-more-btn-wrap .ss-see-more .fas {
    margin-top: 10px
}

.socialMediaFeed .fix-grid .ss-see-more-btn-wrap .ss-see-more .sf-arrow-right {
    margin-left: 10px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/yellow-arrow-right.svg');
    width: 30px;
    position: relative;
    display: inline-block;
    height: 20px;
    background-size: 100%;
    top: 6px;
    background-position: center;
    background-repeat: no-repeat
}

.socialMediaFeed .fix-grid .ss-see-more-btn-wrap .ss-see-more:hover {
    text-decoration: underline;
    text-underline-offset: 4px
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .ss-see-more-btn-wrap .ss-see-more {
        visibility: hidden
    }

    .socialMediaFeed .fix-grid .ss-see-more-btn-wrap .ss-see-more i {
        display: none !important
    }
}

.socialMediaFeed .fix-grid .ss-see-more-btn-wrap .arrow-right-mob {
    font-size: 30px;
    position: relative;
    top: 8px;
    visibility: hidden;
    border: solid #ffb500;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 13px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width:768px) {
    .socialMediaFeed .fix-grid .ss-see-more-btn-wrap .arrow-right-mob {
        visibility: visible
    }
}

.socialMediaFeed .sf-filter-section {
    float: right;
    margin-top: -35px;
    display: flex;
    margin-right: 15px
}

@media screen and (max-width:768px) {
    .socialMediaFeed .sf-filter-section {
        float: none;
        margin-left: 15px;
        margin-top: 0;
        width: 100%
    }
}

.socialMediaFeed .sf-filter-section h6 {
    margin: 5px 10px 0 0
}

.socialMediaFeed .sf-filter-section #ms_filter {
    display: none
}

.socialMediaFeed .sf-filter-section .ms-options-wrap {
    min-width: 150px
}

.socialMediaFeed .sf-filter-section .ms-options-wrap button>span {
    color: #000
}

.socialMediaFeed .sf-filter-section .ms-options-wrap .ms-options {
    min-height: 50px !important;
    z-index: 50
}

.socialMediaFeed .sf-filter-section .ms-options-wrap .ms-options ul label {
    font-family: "APKProtocol Regular";
    font-size: 16px
}

.socialMediaFeed .social-share-card {
    background: #fff;
    margin: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    overflow: hidden
}

.socialMediaFeed .social-share-card .content {
    display: flex;
    flex-direction: column;
    height: 100%
}

.socialMediaFeed .social-share-card[data-post-platform="pinterest"] .body3 {
    height: auto;
    max-height: 50px
}

.socialMediaFeed .social-share-card[data-post-platform="pinterest"] .media {
    height: 300px
}

.socialMediaFeed .social-share-card[data-post-platform="youtube"] .body3 {
    height: auto;
    max-height: 50px
}

.socialMediaFeed .slick-slide {
    box-sizing: content-box;
    transition: transform 300ms ease;
    position: relative;
    transform: scale(0.9)
}

.socialMediaFeed .slick-slide img {
    display: inline
}

.socialMediaFeed .slick-slide .body {
    height: 205px
}

.socialMediaFeed .slick-slide .media {
    height: 140px
}

.socialMediaFeed .slick-list {
    height: 450px;
    padding-top: 70px !important
}

@media screen and (max-width:480px) {
    .socialMediaFeed .slick-list {
        height: 450px !important
    }
}

.socialMediaFeed .slick-arrow.slick-prev,
.socialMediaFeed .slick-arrow.slick-prev:hover {
    background: 0;
    background-image: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/social-media-share/chevron-left.svg");
    left: -50px
}

.socialMediaFeed .slick-arrow.slick-next,
.socialMediaFeed .slick-arrow.slick-next:hover {
    background: 0;
    background-image: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/social-media-share/chevron-right.svg");
    right: -50px
}

.socialMediaFeed .slick-arrow {
    background-position: center !important;
    background-size: cover !important;
    width: 50px;
    height: 50px
}

.socialMediaFeed .slick-arrow:before,
.socialMediaFeed .slick-arrow:hover:before {
    display: none
}

.socialMediaFeed .slick-center {
    transform: scale(1.4);
    z-index: 2;
    margin: 0
}

@media screen and (max-width:480px) {
    .socialMediaFeed .slick-center {
        transform: scale(0.9)
    }
}

.socialMediaFeed .slick-scale {
    transform: scale(1.15);
    z-index: 1
}

.socialMediaFeed .electronics-social-share-content.slick-slider {
    padding: 0 5px
}

.socialMediaFeed .electronics-social-share-content .text {
    padding: 10px
}

.socialMediaFeed .electronics-social-share-content .text .full-height {
    height: auto;
    max-height: 200px
}

.socialMediaFeed .electronics-social-share-content .text a.see-more {
    float: right;
    margin-top: -23px;
    font-size: 11px;
    background: white;
    z-index: 7;
    position: relative;
    color: #212121;
    text-decoration: underline
}

.socialMediaFeed .electronics-social-share-content .text a.see-more:hover {
    color: #666;
    text-decoration: underline
}

.socialMediaFeed .electronics-social-share-content .text p {
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 4.5em
}

.socialMediaFeed .electronics-social-share-content .text p a {
    font-size: inherit;
    color: #000;
    line-height: inherit;
    text-decoration: underline
}

.socialMediaFeed .electronics-social-share-content .text p a:hover {
    color: #666;
    text-decoration: underline
}

.socialMediaFeed .electronics-social-share-content .actions {
    flex-shrink: 0;
    flex-grow: 0
}

.socialMediaFeed .actions ul {
    list-style: none;
    display: flex;
    align-content: space-between;
    margin: 0
}

.socialMediaFeed .actions ul li {
    padding: 4px 0;
    flex-grow: 1;
    text-align: center;
    line-height: 15px
}

.socialMediaFeed .actions ul li img {
    display: inline-block;
    width: 15px
}

.socialMediaFeed .actions ul li span {
    font-size: 13px
}

.socialMediaFeed .profile {
    display: flex;
    padding-bottom: 10px;
    flex-shrink: 0;
    flex-grow: 0;
    height: 70px
}

.socialMediaFeed .profile .text {
    flex-grow: 1;
    width: calc(46%);
    flex-shrink: 1
}

.socialMediaFeed .profile .photo {
    padding: 6px 0 0 6px;
    width: 54px
}

.socialMediaFeed .profile .photo img {
    border-radius: 25px;
    width: 100%
}

.socialMediaFeed .profile .verified img {
    width: 15px;
    display: inline-block;
    margin-left: 5px;
    margin-top: -9px
}

.socialMediaFeed .profile .date {
    color: gray
}

.socialMediaFeed .profile .name h6 {
    margin-bottom: 0
}

.socialMediaFeed .profile .name h6 a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    display: inline-block
}

.socialMediaFeed .profile .name h6 a:hover {
    color: #666
}

.socialMediaFeed .profile .story {
    color: black;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 2px
}

.socialMediaFeed .body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.socialMediaFeed .media {
    position: relative
}

.socialMediaFeed .media {
    height: 155px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden
}

.socialMediaFeed .media img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.socialMediaFeed .media .playlist-icon {
    padding: 5px;
    background-color: #fff
}

.socialMediaFeed .vid-thumb-wrap {
    width: 100%;
    height: 100%
}

.socialMediaFeed .media img.smf-play-icon,
.socialMediaFeed .playlist-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    cursor: pointer
}

.socialMediaFeed .electronics-social-share-grid {
    display: flex;
    flex-wrap: wrap
}

.socialMediaFeed .electronics-social-share-grid .social-share-card {
    margin: 20px 1%;
    flex: 0 0 23%
}

@media screen and (max-width:1024px) {
    .socialMediaFeed .electronics-social-share-grid .social-share-card {
        margin: 20px 3%;
        flex: 0 0 44%
    }
}

@media screen and (max-width:480px) {
    .socialMediaFeed .electronics-social-share-grid .social-share-card {
        margin: 20px 3%;
        flex: 0 0 94%
    }
}

.socialMediaFeed .masonry-grid {
    margin-top: 20px
}

@media screen and (max-width:1024px) {
    .socialMediaFeed .masonry-grid {
        width: 98%;
        left: 2%
    }
}

@media screen and (max-width:480px) {
    .socialMediaFeed .masonry-grid {
        left: 1%
    }
}

.socialMediaFeed .masonry-grid .social-share-card {
    width: 24%;
    margin-bottom: 10px
}

@media screen and (max-width:1200px) {
    .socialMediaFeed .masonry-grid .social-share-card {
        width: 32%
    }
}

@media screen and (max-width:768px) {
    .socialMediaFeed .masonry-grid .social-share-card {
        width: 48%
    }
}

@media screen and (max-width:480px) {
    .socialMediaFeed .masonry-grid .social-share-card {
        width: 94% !important;
        margin-left: 3%;
        top: auto !important;
        position: relative !important
    }
}

.socialMediaFeed .masonry-grid .social-share-card .text p {
    height: auto;
    max-height: 200px
}

.socialMediaFeed .masonry-grid .social-share-card .media {
    height: auto
}

.socialMediaFeed .social-share-load-more-button {
    display: none;
    margin-top: 20px
}

.socialMediaFeed [data-has-load-more-button=true] .social-share-load-more-button.load-more-show {
    display: block
}

.socialMediaFeed [data-has-load-more-button=true] .electronics-social-share-grid .social-share-card,
.socialMediaFeed [data-has-load-more-button=true] .masonry-grid .social-share-card {
    display: none
}

.socialMediaFeed [data-has-load-more-button=true] .electronics-social-share-grid .social-share-card:nth-child(-n+8),
.socialMediaFeed [data-has-load-more-button=true] .masonry-grid .social-share-card:nth-child(-n+8) {
    display: block
}

.socialMediaFeed [data-platform=twitter] .media {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/social-media-share/Twitter.webp)
}

.socialMediaFeed [data-platform=facebook] .media {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/social-media-share/fb.png)
}

.socialMediaFeed [data-platform=linkedin] .media {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/social-media-share/Linkedin.png)
}

.socialMediaFeed [data-platform=instagram] .media {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/social-media-share/instagram.png)
}

.socialMediaFeed .smf-video-model {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000
}

.socialMediaFeed .smf-video-model .smf-model-close-btn {
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #fff;
    font-size: xx-large;
    position: absolute;
    right: 20px;
    top: 20px
}

.socialMediaFeed .smf-video-model .smf-vid-container {
    position: relative;
    width: 80%;
    left: 10%;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width:480px) {
    .socialMediaFeed .smf-video-model .smf-vid-container {
        width: 90%;
        left: 5%
    }
}

.socialMediaFeed .smf-video-model .smf-vid-container.iframe-wrap {
    height: 80%
}

@media screen and (max-width:768px) {
    .socialMediaFeed .smf-video-model .smf-vid-container.iframe-wrap {
        max-height: 350px
    }
}

.socialMediaFeed .smf-video-model .smf-vid-container video {
    width: 100%;
    height: 100%
}

.socialMediaFeed .smf-video-model .smf-vid-container iframe {
    width: 100%;
    height: 100%
}

.sitemap ul.level1 {
    display: none
}

.sitemap ul.level2 {
    display: none
}

.sitemap ul.level3 {
    display: none
}

.sitemap ul.level4 {
    display: none
}

.sitemap ul.level5 {
    display: none
}

.cmp-sitemap .level0 {
    padding-bottom: 10px
}

.cmp-sitemap.level-one .level1 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-two .level1 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-two .level2 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-three .level1 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-three .level2 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-three .level3 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-four .level1 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-four .level2 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-four .level3 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-four .level4 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-five .level1 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-five .level2 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-five .level3 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-five .level4 {
    display: block;
    padding-left: 25px
}

.cmp-sitemap.level-five .level5 {
    display: block;
    padding-left: 25px
}

.cstm-check {
    padding-left: 15px
}

.cstm-check input[type="checkbox"] {
    display: none
}

.cstm-check input[type="checkbox"]+label {
    padding-left: 33px;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/checkbox-checked.png') no-repeat left 2px;
    background-size: 21px 21px;
    margin-bottom: 28px;
    color: #212121;
    cursor: pointer;
    margin-bottom: 0
}

.cstm-check input[type="checkbox"]:checked+label,
.cstm-check input[type="checkbox"]:disabled:checked+label {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/checkbox-checked-green.png') no-repeat left 2px;
    background-size: 21px 21px
}

.cstm-check input[type="checkbox"]:disabled+label {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/checkbox-checked.png') no-repeat left 2px;
    background-size: 21px 21px;
    cursor: not-allowed
}

.cstm-check span {
    padding-left: 33px;
    margin-bottom: 28px;
    display: block;
    font-size: 12px
}

.signUpForm #buOrg-groups .cstm-check label {
    height: 28px;
    background-size: 26px 26px
}

@media screen and (max-width:1023px) {
    .container.signUpForm {
        padding: 0 33px
    }
}

.signupbtns {
    display: none
}

.signUpForm .form-footnote.credits {
    color: #606060;
    margin-top: 15px
}

.signUpForm .form-footnote.credits a {
    font-size: 11px;
    font-family: "APKProtocol Bold";
    color: #000
}

.signUpForm .form-footnote.credits a:hover {
    color: #666
}

.signupEditIcon {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/editSignup.png') no-repeat center;
    background-size: 100%;
    width: 42px;
    height: 42px;
    position: relative;
    bottom: 10px
}

@media screen and (max-width:575px) {
    .signupEditIcon {
        width: 30px;
        height: 30px;
        bottom: 4px
    }
}

.container .required {
    color: #f00 !important
}

.container .required a {
    font-size: inherit;
    color: inherit;
    text-decoration: underline;
    font-family: "APKProtocol Bold"
}

.selectize-input {
    padding: 8px 18px
}

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

    #signupForm,
    #editForm {
        padding-left: 40px;
        padding-right: 40px
    }
}

#signupForm .title-desc,
#editForm .title-desc {
    padding-bottom: 35px !important
}

@media(min-width:768px) {

    #signupForm .title-desc,
    #editForm .title-desc {
        padding-left: 20px;
        padding-right: 20px
    }
}

#signupForm .selectize-input,
#editForm .selectize-input {
    top: 0 !important;
    width: 100% !important
}

#signupForm .selectize-dropdown.single.form-control,
#editForm .selectize-dropdown.single.form-control {
    top: 40px !important;
    width: 100% !important
}

#signupForm .business-unit-start .business-unit-sub-list label,
#editForm .business-unit-start .business-unit-sub-list label {
    margin-bottom: 5px
}

#signupForm #buListHeading {
    margin-left: 20px
}

#signupForm #buListHeading .form-title {
    font-size: 24px
}

#signupForm #buListHeading p {
    font-size: 14px;
    margin-bottom: 5px
}

.formgroup-signup {
    padding-bottom: 0 !important
}

@media(min-width:767px) {
    .formgroup-signup {
        padding-left: 20px;
        padding-right: 20px
    }
}

.formgroup-signup label {
    font-size: 14px !important;
    font-weight: normal !important;
    color: black !important;
    padding-left: 0 !important;
    margin-bottom: 3px
}

.formgroup-signup .form-control {
    height: 40px !important
}

.formgroup-signup .selectize-input {
    position: absolute !important
}

.formgroup-signup .selectize-input.items.has-options.full.has-items {
    top: 0 !important
}

.formgroup-signup .selectize-input input {
    color: #a2a2a2
}

.formgroup-signup .selectize-input.dropdown-active:after {
    top: 0 !important
}

.optin-fields {
    width: 100% !important;
    margin-left: 15px;
    margin-right: 15px
}

@media(min-width:1024px) {
    .optin-fields {
        margin-left: 35px;
        margin-right: 35px
    }
}

.optin-fields .optin-check {
    padding: 0 !important;
    color: #858585;
    background-color: rgba(225, 225, 225, 0.2);
    padding: 15px !important;
    margin-bottom: 0 !important
}

.optin-fields .form-check-label {
    margin-left: 10px
}

.optin-fields .form-check-input {
    height: 16px;
    width: 16px
}

.optin-fields .form-check {
    padding-left: 25px
}

#editForm .optin-fields {
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0
}

@media(min-width:1024px) {
    #editForm .optin-fields {
        padding-left: 20px;
        padding-right: 20px
    }
}

.emailLoaderContainer {
    position: relative
}

@media(max-width:1024px) {
    .emailLoaderContainer {
        width: 100%
    }
}

.emailLoaderContainer #emailsignup {
    padding-right: 60px !important
}

.emailLoaderContainer .emailLoader {
    position: absolute;
    display: none;
    right: 3px;
    top: 2px;
    width: 35px;
    height: 35px;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/DuPont_Loader.gif') no-repeat center;
    background-size: 100%
}

.emailLoaderContainer .emailLoader.tickMark {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/Right_TickFull.png') no-repeat center;
    background-size: 50%
}

.accountPop-holder {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    margin: 0 !important;
    padding: 33px;
    overflow: auto;
    display: none
}

.accountPop-modal {
    max-width: 550px;
    width: calc(100% - 66px);
    background: #fafafa;
    border: 5px solid #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.accountPop-modal>article {
    padding: 0 22px 20px
}

.accountPop-modal-title h5 {
    margin: 30px 0 0;
    padding: 0
}

.accountPop-modal-footer .btn {
    border: 1px solid #222;
    border-radius: 100px;
    padding: 10px 60px;
    margin: 0 15px 0 0;
    background: #fff
}

@media(max-width:575px) {
    .accountPop-modal-footer .btn {
        display: block;
        margin: 0 0 15px;
        width: 100%
    }
}

@media(min-width:1024px) {

    #business-unit-selection-edit,
    #business-unit-selection {
        padding-left: 0;
        padding-right: 0
    }
}

.business-unit-selection-edit {
    padding-left: 0;
    padding-right: 0
}

.business-unit-main-header {
    font-family: "APKProtocol Bold";
    font-size: 14px;
    line-height: 28px
}

.business-unit-sub-list {
    margin-bottom: 20px
}

.business-unit-sub-list input[type='checkbox'] {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px
}

.business-unit-sub-list span {
    display: block;
    margin-left: 30px;
    color: #000 !important;
    font-size: 13px
}

.business-unit-sub-list label {
    margin-left: 30px;
    padding-left: 0 !important;
    font-size: 15px !important;
    color: #000 !important
}

.business-unit-start {
    margin-top: 25px
}

@media(min-width:767px) {
    .business-unit-start {
        padding-left: 15px
    }
}

@media(min-width:1024px) {
    .business-unit-start .col-md-6 {
        padding-left: 35px;
        padding-right: 35px
    }
}

.form-submit-border {
    text-align: center;
    margin-top: 25px
}

#signUpSubmit,
#editCancel,
#signUpEditSubmit {
    background-color: #beff00;
    border: 1px solid #beff00;
    color: #000;
    cursor: pointer
}

#signUpSubmit:hover,
#editCancel:hover,
#signUpEditSubmit:hover {
    background-color: #98cc00;
    border: 1px solid #98cc00
}

#signUpSubmit:disabled,
#editCancel:disabled,
#signUpEditSubmit:disabled {
    background-color: #e6e6e6;
    color: gray;
    border: 1px solid #e6e6e6
}

#editForm .signupbtns {
    display: flex;
    justify-content: center
}

#editForm .signupbtns button {
    width: 120px !important
}

@media(min-width:1024px) {
    #editForm .signupbtns button {
        width: 180px !important
    }
}

#editForm .signupbtns #signUpEditSubmit {
    margin-left: 20px
}

@media(min-width:1024px) {
    #editForm .form-title {
        margin-top: 35px
    }

    #editForm .mySubscriptions {
        margin-bottom: 50px
    }

    #editForm .subscriptionDetails {
        padding-left: 20px;
        padding-right: 20px
    }
}

#editForm .BUList .apps {
    margin-bottom: 35px
}

@media(min-width:1024px) {
    #editForm .BUList .apps {
        padding: 0 20px
    }
}

#editForm .BUList .apps .buList-accordion-header {
    cursor: pointer;
    display: block;
    font-size: 24px;
    margin-bottom: 25px;
    font-family: 'APKProtocol Regular';
    padding-bottom: 10px;
    border-bottom: 2px solid black;
    transition: display 3s
}

#editForm .BUList .apps .buList-accordion-header:hover {
    color: black
}

#editForm .BUList .buList-accordion .buList-accordion-header {
    position: relative;
    cursor: pointer
}

#editForm .BUList .buList-accordion .buList-accordion-header::after {
    content: "+";
    font-family: 'APKProtocol Regular';
    color: black;
    position: absolute;
    top: 0;
    right: 25px;
    width: 0;
    height: 0;
    cursor: pointer
}

#editForm .BUList .buList-accordion .open .buList-accordion-header::after {
    content: "-";
    font-family: 'APKProtocol Regular';
    color: black;
    position: absolute;
    top: 0;
    font-size: 35px;
    cursor: pointer
}

#editForm .BUList .buList-accordion-content {
    display: none
}

#editForm .BUList .open .buList-accordion-content {
    display: block
}

@media(min-width:1024px) {
    #editForm .business-unit-start .col-md-6 {
        padding-left: 15px;
        padding-right: 15px
    }
}

#editForm .consent-text {
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 15px
}

@media(max-width:1023px) {
    .nested-list.container {
        padding-left: 33px;
        padding-right: 33px
    }
}

.nested-list--body {
    margin-top: 20px
}

.nested-list--body ul {
    margin-left: 20px
}

.nested-list--body ul.country-list>li {
    padding-bottom: 5px
}

.nested-list--body ul.country-list>li .multi-language li {
    line-height: 1.5
}

.nested-list--subtitle h3 {
    line-height: 1;
    margin: 0;
    display: inline-block
}

.nested-list--subtitle h3:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #beff00;
    margin-top: 5px
}

.nested-list--parent {
    margin-bottom: 25px
}

.nested-list--body a:hover {
    color: #beff00
}

.coral3-Checkbox.regex-invalid+.regex-error,
.coral-Checkbox.regex-invalid+.regex-error {
    vertical-align: -webkit-baseline-middle
}

section.regex-invalid,
.coral3-Checkbox.regex-invalid,
.coral-Form--vertical .coral-Checkbox.regex-invalid {
    display: inline-table
}

.regex-invalid.coral-RichText-editable.is-edited,
.regex-invalid.cq-RichText-editable.is-edited,
.coral3-FileUpload .regex-invalid,
.coral3-Multifield.regex-invalid,
.coral-Multifield.regex-invalid {
    box-shadow: 0 0 3px #e14132;
    border: 1px solid #e14132
}

.regex-invalid.coral3-Textfield.is-invalid {
    box-shadow: 0 0 3px #e14132 !important
}

#regexDialogId .coral3-Dialog-header,
#regexDialogId .coral-Dialog-header {
    text-align: center
}

#regexDialogId div.heading {
    margin-bottom: 15px;
    font-size: 1.5em;
    font-weight: bold;
    color: #982217
}

#regexDialogId div.content p {
    margin: 0;
    color: #505050;
    font-family: Verdana;
    font-size: 14px
}

#regexDialogId div.content p>span.errTab {
    font-weight: bold;
    color: #0c528c;
    font-family: sans-serif
}

#regexDialogId div.content p>span.errLabel {
    font-weight: bold;
    color: #d60606;
    font-family: sans-serif
}

#regexDialogId div.content p>span.err-separator {
    font-family: cursive;
    font-size: 15px;
    margin: 0 5px;
    color: #000;
    font-weight: bold
}

#regexDialogId .coral3-Dialog-footer .coral3-Button,
#regexDialogId .coral-Dialog-footer .coral-Button {
    width: 100px
}

.related-articles {
    padding-top: 1.5rem
}

.related-articles--wrapper {
    max-width: 300px;
    margin: auto
}

.related-articles__list {
    list-style: none;
    padding: 0;
    margin: 0
}

.related-articles__list-item {
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    padding: 1rem 0
}

.related-articles__list-item a {
    padding-left: 1rem;
    padding-right: 1rem
}

.related-articles__list-item a:hover {
    color: #217ac6;
    font-weight: normal;
    text-shadow: .5px 0 0 #217ac6
}

.related-articles__list-item .related-articles__image {
    min-width: 47px;
    min-height: 47px;
    max-width: 47px;
    max-height: 47px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (max-width:575px) {
    .related-articles {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.webinar-rc-comp .row .card-col {
    text-align: center;
    margin-bottom: 3%
}

.webinar-rc-comp .row .card-col .box a {
    cursor: pointer
}

.webinar-rc-comp .row .card-col .text {
    margin: 4% 0;
    padding: 0 5%;
    position: relative;
    text-align: left
}

.webinar-rc-comp .row .card-col a {
    color: #000;
    text-decoration: none;
    margin-bottom: 5%
}

.webinar-rc-comp .row .card-col img {
    width: 100%;
    object-fit: cover
}

@media screen and (min-width:1024px) {
    .webinar-rc-comp .row .card-col img {
        height: 180px
    }
}

@media screen and (min-width:576px) and (max-width:1024px) {
    .webinar-rc-comp .row .card-col img {
        height: 150px
    }
}

.webinar-rc-comp .row .card-col h5 {
    font-family: "APKProtocol Regular"
}

@media screen and (max-width:991px) {
    .webinar-rc-comp .row .card-col h5 {
        font-size: .9rem
    }
}

.webinar-rc-comp .row h5 {
    font-family: "APKProtocol Regular"
}

.webinar-rc-comp span.glyphicon.glyphicon-arrow-right {
    margin-left: 10px;
    font-size: 11px
}

.webinar-rc-comp span.fa-long-arrow-alt-right {
    margin-left: 1em;
    font-size: 1.3em
}

.webinar-rc-comp .right-arrow {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/black-arrow.svg);
    background-size: 24px;
    position: absolute;
    width: 24px;
    height: 17px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-position: center center
}

.webinar-rc-comp a:hover {
    color: #beff00 !important
}

@media screen and (max-width:1024px) {
    .webinar-rc-comp .row {
        padding: 0 15px;
        margin: 0
    }
}

@media screen and (min-width:769px) and (max-width:1024px) {
    .webinar-rc-comp .row {
        margin: 1%
    }
}

.webinar-rc-comp .row .card-col {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    border: 1px solid rgba(100, 100, 100, 0.2);
    margin-right: 2%;
    padding: 0;
    margin-bottom: 3%
}

@media only screen and (min-width:768px) {
    .webinar-rc-comp .row .card-col h5 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        height: 50px;
        overflow: hidden
    }
}

@media screen and (min-width:768px) {
    .webinar-rc-comp .row .card-col.col-md-3 {
        max-width: 23%;
        padding: 0;
        margin: 0 1% 15px 1%
    }
}

@media screen and (min-width:576px) and (max-width:767px) {
    .webinar-rc-comp .row .card-col.col-md-3 {
        max-width: 48%;
        padding: 0;
        margin-right: 4%
    }
}

@media screen and (max-width:576px) {
    .webinar-rc-comp .row .card-col.col-md-3 {
        margin-right: 0
    }
}

@media screen and (min-width:576px) and (max-width:767px) {
    .webinar-rc-comp .row .card-col.col-md-3:nth-child(even) {
        margin-right: 0
    }
}

.webinar-rc-comp .row .card-col .text {
    margin: 4% 0;
    padding: 0 5%
}

.webinar-rc-comp .row .card-col .text a.usrSignedIn {
    display: none
}

.webinar-rc-comp .row .card-col .text .web_date {
    font-size: 11px;
    font-style: italic;
    margin-bottom: 5px
}

.webinar-rc-comp .row .card-col a {
    color: #000;
    text-decoration: none;
    margin-bottom: 5%;
    float: right;
    margin-right: 35px;
    margin-top: 5px
}

.webinar-rc-comp .row .card-col img {
    width: 100%
}

.webinar-rc-comp .load-more {
    display: none;
    font-size: 16px;
    font-family: "APKProtocol Regular";
    cursor: pointer;
    margin: auto;
    background: #fff;
    border: 1px solid #000;
    border-radius: 20px;
    padding: 5px 20px
}

.webinar-rc-comp .load-more:hover {
    border: 1px solid #beff00;
    color: #beff00
}

.webinar-rc-comp .wb-rc-model {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 100;
    display: flex;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    display: none
}

.webinar-rc-comp .wb-rc-model .subscribe-dialog {
    height: auto;
    background: #fff;
    border-radius: 10px;
    min-width: 400px;
    width: 60%;
    max-height: 90%
}

@media screen and (max-width:576px) {
    .webinar-rc-comp .wb-rc-model .subscribe-dialog {
        width: 80%;
        min-width: 200px
    }
}

.webinar-rc-comp .wb-rc-model .subscribe-dialog h4,
.webinar-rc-comp .wb-rc-model .subscribe-dialog h6 {
    margin: 20px
}

@media screen and (max-width:576px) {
    .webinar-rc-comp .wb-rc-model .subscribe-dialog h6 {
        font-size: 12px
    }
}

.webinar-rc-comp .wb-rc-model .subscribe-dialog .web-date {
    margin: 10px 20px;
    font-size: 12px
}

@media screen and (max-width:576px) {
    .webinar-rc-comp .wb-rc-model .subscribe-dialog .web-date {
        font-size: 10px
    }
}

.webinar-rc-comp .wb-rc-model .subscribe-dialog .middle-container {
    display: none;
    position: relative;
    min-height: 46px;
    margin-top: 0;
    text-align: center
}

.webinar-rc-comp .wb-rc-model .subscribe-dialog .middle-container .response-msg {
    font-family: "APKProtocol Medium";
    display: none
}

.webinar-rc-comp .wb-rc-model .subscribe-dialog .middle-container .gooey {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 142px;
    height: 40px;
    margin: -20px 0 0 -71px;
    background: #fff;
    filter: contrast(20)
}

.webinar-rc-comp .wb-rc-model .subscribe-dialog .middle-container .gooey .dot {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 15px;
    filter: blur(4px);
    background: #000;
    border-radius: 50%;
    transform: translateX(0);
    animation: dot 2.8s infinite
}

.webinar-rc-comp .wb-rc-model .subscribe-dialog .middle-container .gooey .dots {
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    animation: dots 2.8s infinite
}

.webinar-rc-comp .wb-rc-model .subscribe-dialog .middle-container .gooey .dots span {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    filter: blur(4px);
    background: #000;
    border-radius: 50%
}

@-moz-keyframes dot {
    50% {
        transform: translateX(96px)
    }
}

@-webkit-keyframes dot {
    50% {
        transform: translateX(96px)
    }
}

@-o-keyframes dot {
    50% {
        transform: translateX(96px)
    }
}

@keyframes dot {
    50% {
        transform: translateX(96px)
    }
}

@-moz-keyframes dots {
    50% {
        transform: translateX(-31px)
    }
}

@-webkit-keyframes dots {
    50% {
        transform: translateX(-31px)
    }
}

@-o-keyframes dots {
    50% {
        transform: translateX(-31px)
    }
}

@keyframes dots {
    50% {
        transform: translateX(-31px)
    }
}

.webinar-rc-comp .wb-rc-model .subscribe-dialog button {
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #000;
    border-radius: 20px;
    padding: 2px 15px;
    background: #fff
}

.webinar-rc-comp .wb-rc-model .subscribe-dialog .no-res {
    padding: 2px 9px;
    margin-right: -15px;
    margin-top: -15px
}

.webinar-rc-comp .wb-rc-model .subscribe-dialog .yes-res {
    border: 1px solid #beff00;
    background: #beff00;
    color: #fff;
    padding: 8px 16px;
    font-family: "APKProtocol Regular"
}

.cmp-rcHeroImage {
    width: 100%;
    position: relative
}

.cmp-rcHeroImage .rc-hi-wrapper video {
    height: 300px;
    width: 100%;
    object-fit: cover
}

.cmp-rcHeroImage .rc-hi-wrapper .bg-img {
    background-size: cover;
    height: 300px;
    background-repeat: no-repeat
}

.cmp-rcHeroImage .rc-hi-wrapper .bg-color {
    width: 100%;
    height: 300px
}

.cmp-rcHeroImage .rc-hi-wrapper .text-container {
    position: absolute;
    top: 50%;
    vertical-align: middle;
    transform: translateY(-50%) translateX(-50%);
    left: 50%
}

@media screen and (max-width:1023px) {
    .cmp-rcHeroImage .rc-hi-wrapper .text-container {
        padding: 0 33px
    }
}

.cmp-rcHeroImage .rc-hi-wrapper .text-container .title {
    font-family: "APKProtocol Regular";
    font-size: 60px;
    color: #fff
}

@media screen and (max-width:768px) {
    .cmp-rcHeroImage .rc-hi-wrapper .text-container .title {
        font-size: 40px
    }
}

.cmp-rcHeroImage .rc-hi-wrapper .text-container .title p {
    margin: 0
}

.cmp-rcHeroImage .rc-hi-wrapper .text-container .sub-title {
    font-family: "APKProtocol Regular";
    font-size: 24px;
    color: #fff
}

@media screen and (max-width:768px) {
    .cmp-rcHeroImage .rc-hi-wrapper .text-container .sub-title {
        font-size: 16px
    }
}

.cmp-rcHeroImage .rc-hi-wrapper .text-container .sub-title p {
    margin: 0
}

.query-based-text.alignWithSmartForm .cmp-queryBasedText {
    background: rgba(225, 225, 225, 0.2);
    padding: 10px 48px 0 48px;
    margin: 0;
    margin-bottom: -16px;
    margin-right: 30px
}

@media screen and (max-width:650px) {
    .query-based-text.alignWithSmartForm .cmp-queryBasedText {
        padding: 10px 25px 0 25px;
        margin-right: 0
    }
}

@media(min-width:768px) {
    .print-share .icon-buttons {
        left: 0;
        position: unset;
        padding-right: 0
    }
}

.icon-buttons {
    width: 100%;
    max-width: 1024px;
    margin: auto;
    padding-right: 42px
}

@media screen and (max-width:575px) {
    .icon-buttons {
        padding-right: 15px;
        text-align: right;
        display: flex;
        flex-direction: row-reverse
    }
}

.icon-buttons .icon-buttons__wrapper {
    float: right
}

@media screen and (max-width:575px) {
    .icon-buttons .icon-buttons__wrapper {
        display: inline;
        float: none
    }
}

.icon-buttons .icon-buttons__wrapper .icon-buttons__btn {
    border: 0;
    background: transparent;
    cursor: pointer;
    padding-bottom: 1rem
}

.icon-buttons .icon-buttons__wrapper .icon-buttons__btn:focus {
    outline: 0
}

.icon-buttons .icon-buttons--social {
    position: relative
}

.icon-buttons .icon-buttons--social .social-menu {
    position: absolute;
    left: -40px;
    width: 112px;
    max-height: 139px;
    border: 2px solid #e7ebee;
    text-align: left;
    z-index: 999
}

.icon-buttons .icon-buttons--social .social-menu .social-menu__list {
    list-style: none;
    padding-left: 1rem;
    margin: 0
}

.icon-buttons .icon-buttons--social .social-menu .social-menu__list .social-menu__list-item {
    padding: .5rem 0
}

.icon-buttons .icon-buttons--social .social-menu .social-menu__list .social-menu__list-item a {
    color: #217ac6;
    padding-left: .5rem;
    cursor: pointer
}

.icon-buttons .icon-buttons--social .social-menu .social-menu__list .social-menu__list-item a:not([href]):not([tabindex]) {
    color: #217ac6
}

.icon-buttons .icon-buttons--social .social-menu:before {
    content: '';
    background: #FFF;
    width: 20px;
    height: 20px;
    position: absolute;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(225deg);
    top: -11px;
    left: 45px;
    border-right: #e7ebee solid 2px;
    border-bottom: #e7ebee solid 2px
}

.social-menu.hide {
    display: none
}

.news-bodycopy.asset-border .bodyCopyImg {
    border: 3px solid #e7ebee
}

.news-bodycopy .newsbody-copy__img {
    display: inline-block;
    width: 100%
}

.news-bodycopy figure {
    margin: 0 1rem 0rem 1rem
}

.news-bodycopy figcaption {
    word-break: break-word;
    font-style: italic;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #12446d;
    padding: 0
}

@media(max-width:767px) {
    .news-bodycopy figcaption {
        padding: 10px 0
    }
}

.news-bodycopy .img-medium {
    width: 50%
}

.news-bodycopy .img-small {
    width: 25%
}

@media(max-width:767px) {
    .news-bodycopy .img-small {
        width: auto
    }
}

.news-bodycopy .electronics-image__download {
    position: absolute;
    width: 25px;
    height: 23px;
    z-index: 1;
    bottom: 0;
    right: 1rem
}

.news-bodycopy .electronics-image_zoomin {
    position: absolute;
    height: 23px;
    z-index: 1;
    bottom: -4px;
    left: -20px
}

.news-bodycopy .electronics-image_zoomin span {
    padding-left: 20px
}

.news-bodycopy .electronics-image__wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.news-bodycopy .electronics-image__wrapper a {
    background-repeat: no-repeat
}

.news-bodycopy .electronics-image__wrapper:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 7%;
    bottom: 0;
    opacity: .45;
    background-image: linear-gradient(to bottom, #fff, #e3e3e3 100%)
}

@media(max-width:767px) {
    .ekko-lightbox-container iframe {
        width: auto
    }

    .ekko-lightbox-container iframe img {
        max-width: 100%
    }
}

.rs-container * {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rs-container {
    font-family: Arial, Helvetica, sans-serif;
    height: 45px;
    position: relative
}

.rs-container .rs-bg,
.rs-container .rs-selected {
    background-color: #eee;
    border: 1px solid #ededed;
    height: 10px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 100%;
    border-radius: 3px
}

.rs-container .rs-selected {
    background-color: #00b3bc;
    border: 1px solid #00969b;
    transition: all .2s linear;
    width: 0
}

.rs-container.disabled .rs-selected {
    background-color: #ccc;
    border-color: #bbb
}

.rs-container .rs-pointer {
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
    left: -10px;
    position: absolute;
    top: 0;
    transition: all .2s linear;
    width: 30px;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 6px #ebebeb, 1px 1px 4px rgba(0, 0, 0, 0.1)
}

.rs-container.disabled .rs-pointer {
    border-color: #ccc
}

.rs-container .rs-pointer::after {
    left: auto;
    right: 12px
}

.rs-container.disabled .rs-pointer {
    cursor: default
}

.rs-container.sliding .rs-selected,
.rs-container.sliding .rs-pointer {
    transition: none
}

.rs-container .rs-scale {
    left: 0;
    position: absolute;
    top: 5px;
    white-space: nowrap
}

.rs-container .rs-scale span {
    float: left;
    position: relative
}

.rs-container .rs-scale span::before {
    background-color: #ededed;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 1px
}

.rs-container.rs-noscale span::before {
    display: none
}

.rs-container.rs-noscale span:first-child::before,
.rs-container.rs-noscale span:last-child::before {
    display: block
}

.rs-container .rs-scale span:last-child {
    margin-left: -1px;
    width: 0
}

.rs-container .rs-scale span ins {
    color: #333;
    display: inline-block;
    font-size: 12px;
    margin-top: 20px;
    text-decoration: none
}

.rs-container.disabled .rs-scale span ins {
    color: #999
}

.rs-tooltip {
    color: #333;
    width: auto;
    min-width: 60px;
    height: 30px;
    position: relative;
    background: #fff;
    border: 1px solid #00969b;
    border-radius: 3px;
    position: absolute;
    transform: translate(-50%, -35px);
    left: 13px;
    text-align: center;
    font-size: 13px;
    padding: 6px 10px 0
}

.rs-container.disabled .rs-tooltip {
    border-color: #ccc;
    color: #999
}

.mapLocator-view .gmap-container .mapContent-wrapper .loc_address {
    font-family: "APKProtocol Regular";
    font-size: 20px;
    line-height: 26px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media(min-width:768px) {
    .mapLocator-view .gmap-container .mapContent-wrapper .loc_address {
        padding-top: 0;
        padding-bottom: 30px
    }
}

.mapLocator-view .gmap-container .mapContent-wrapper .loc_address p {
    font-family: "APKProtocol Regular";
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0
}

.mapLocator-view .gmap-container .mapContent-wrapper .location-img {
    margin-bottom: 30px;
    max-height: 600px
}

@media(min-width:768px) {
    .mapLocator-view .gmap-container .mapContent-wrapper .location-img {
        margin-bottom: 30px
    }
}

.mapLocator-view .gmap-container .mapContent-wrapper .location-img img {
    width: 100%
}

.mapLocator-view .gmap-container .mapContent-wrapper .location-map {
    margin-bottom: 30px;
    max-height: 600px
}

@media(min-width:768px) {
    .mapLocator-view .gmap-container .mapContent-wrapper .location-map {
        margin-bottom: 30px
    }
}

.mapLocator-view .gmap-container .mapContent-wrapper .location-map img {
    width: 100%
}

.mapLocator-view .gmap-container #gmapResult {
    min-height: 400px
}

@media(min-width:768px) {
    .mapLocator-view .gmap-container #gmapResult {
        min-height: 350px;
        height: 100%
    }
}

.jump {
    background-color: #3b7ac1;
    cursor: pointer;
    border: 0;
    position: fixed;
    z-index: 99;
    right: -3.375rem;
    bottom: 12.5rem;
    height: 2.5rem;
    width: 3.375rem;
    outline: 0;
    transition: right .2s ease-in-out
}

.jump.active {
    right: 0
}

@media(min-width:992px) {
    .jump-to-top.only-in-mobile {
        display: none
    }
}

.image-carousel {
    width: 97%;
    margin: 0 auto
}

@media screen and (max-width:575px) {
    .image-carousel {
        width: 93%;
        margin: 0 auto
    }
}

.image-carousel .owl-prev {
    position: absolute;
    top: 40%;
    left: -25px;
    height: 16px;
    transform: rotate(180deg)
}

@media screen and (max-width:575px) {
    .image-carousel .owl-prev {
        left: -20px
    }
}

.image-carousel .owl-next {
    position: absolute;
    top: 40%;
    height: 16px;
    right: -25px
}

@media screen and (max-width:575px) {
    .image-carousel .owl-next {
        right: -20px
    }
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent
}

.electronics-image {
    width: 100%
}

.electronics-image img {
    width: 100%
}

.electronics-image.download {
    position: relative
}

.electronics-image .download_icon {
    position: relative
}

.electronics-image .electronics-image__caption {
    font-style: italic;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #12446d;
    padding: .5rem 1.625rem
}

.download .electronics-image__wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.download .electronics-image__wrapper:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 25%;
    bottom: 0;
    opacity: .45;
    background-image: linear-gradient(to bottom, rgba(231, 235, 238, 0), #217ac6 100%)
}

.electronics-image__download {
    position: absolute;
    width: 25px;
    height: 25px;
    z-index: 1;
    bottom: 1rem;
    right: 1rem
}

.img-border .image-carousel .electronics-image {
    border: 3px solid #e7ebee
}

.media-gallery .galleryView {
    position: absolute;
    opacity: 0;
    z-index: 0
}

.media-gallery .galleryView.active {
    z-index: 1;
    opacity: 1
}

.media-gallery .videoFallback {
    position: relative;
    cursor: pointer
}

.media-gallery .videoFallback .playIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 80px;
    width: 80px
}

@media(max-width:768px) {
    .media-gallery .videoFallback .playIcon {
        height: 40px;
        width: 40px
    }
}

.media-gallery .selectedVideo {
    background: #000;
    display: none
}

.media-gallery .mediaGalleryTabs {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    vertical-align: baseline
}

.media-gallery .mediaGalleryTabs li {
    display: inline;
    text-decoration: none;
    margin-right: 10px
}

.media-gallery .mediaGalleryTabs li a {
    font-family: "APKProtocol Semibold";
    font-size: 12px;
    cursor: pointer
}

.media-gallery .mediaGalleryTabs li.active a {
    text-decoration: underline
}

.media-gallery .imageGridParent {
    overflow: hidden
}

@media(max-width:575px) {
    .media-gallery .imageGridParent {
        display: none
    }
}

.media-gallery .imageGridParent .imageGrid {
    overflow-x: hidden
}

.media-gallery .imageGridParent .imageGrid .imageGridColumn {
    float: left
}

.media-gallery .imageGridParent .imageGrid .gridItemParent {
    padding: 5px;
    position: relative
}

.media-gallery .imageGridParent .imageGrid .gridItemParent.active .imageOverlay,
.media-gallery .imageGridParent .imageGrid .gridItemParent:hover .imageOverlay {
    display: block
}

.media-gallery .imageGridParent .imageGrid .gridItemParent .gridItem {
    max-width: 150px
}

.media-gallery .imageGridParent .imageGrid .gridItemParent .imageOverlay {
    display: none;
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: #000;
    opacity: .7
}

.media-gallery .floatRight {
    float: right
}

.media-gallery .totalCount {
    font-size: 14px;
    font-family: "APKProtocol Regular"
}

@media(max-width:575px) {
    .media-gallery .totalCount {
        display: none
    }
}

.media-gallery .galleryNavigation {
    margin-top: 10px
}

.media-gallery .imageTitle {
    font-size: 14px;
    line-height: 16px;
    font-family: "APKProtocol Regular";
    padding: 0 15px
}

.media-gallery .imageDescription {
    font-size: 12px;
    line-height: 14px;
    font-family: "APKProtocol Regular";
    margin: 0;
    padding: 0 15px
}

.media-gallery .navButtons {
    float: right;
    position: relative
}

@media(max-width:575px) {
    .media-gallery .navButtons {
        float: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 10px
    }
}

.media-gallery .buttonRight,
.media-gallery .buttonLeft {
    display: inline-block;
    border: 1px solid #f6f6f6;
    height: 22px;
    width: 22px;
    padding: 2px 5px 0 5px;
    box-shadow: 1px 1px 1px #ccc;
    cursor: pointer
}

.media-gallery .buttonRight:focus,
.media-gallery .buttonLeft:focus {
    outline: 0
}

.media-gallery .buttonRight:disabled,
.media-gallery .buttonLeft:disabled {
    border: 1px solid #e5e4e2;
    background: #e5e4e2
}

.media-gallery .buttonRight {
    border-radius: 0 10px 10px 0;
    padding-left: 22px;
    float: right;
    position: relative;
    background: #fff url("../components/content/imagegallery/clientlibs/source/resources/icons/right-arrow-grey.png") no-repeat scroll 10px 3px
}

.media-gallery .buttonRight:hover {
    border: 1px solid gray;
    background: #808080 url("../components/content/imagegallery/clientlibs/source/resources/icons/right-arrow-grey-hover.png") no-repeat scroll 10px 3px
}

.media-gallery .buttonLeft {
    border-radius: 10px 0 0 10px;
    padding-right: 22px;
    background: #fff url("../components/content/imagegallery/clientlibs/source/resources/icons/left-arrow-grey.png") no-repeat scroll 3px 3px
}

.media-gallery .buttonLeft:hover {
    border: 1px solid gray;
    background: #808080 url("../components/content/imagegallery/clientlibs/source/resources/icons/left-arrow-grey-hover.png") no-repeat scroll 3px 3px
}

.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative
}

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

.ws-list-group h4 {
    font-family: "APKProtocol Regular"
}

.ws-list-group .ws-list-item ul li {
    border-radius: 2px;
    background-color: #fff
}

.ws-list-group .ws-list-item ul.without-links {
    position: relative
}

.ws-list-group .ws-list-item ul.without-links li {
    font-size: 14px;
    font-family: "APKProtocol Regular";
    line-height: 24px;
    background-position: left 27px;
    background-repeat: no-repeat;
    position: relative
}

.ws-list-group .ws-list-item ul.without-links li.removepad {
    padding: 0 0 10px 0
}

.ws-list-group .ws-list-item ul.without-links li.listwithicon {
    list-style-type: none;
    padding-left: 30px
}

@media(max-width:991px) {
    .ws-list-group .ws-list-item ul.without-links li {
        font-size: 12px
    }
}

.ws-list-group .ws-list-item .with-links {
    list-style-type: none
}

.ws-list-group .ws-list-item .with-links li a {
    text-decoration: none;
    position: relative;
    font-size: 16px
}

.ws-list-group .ws-list-item .with-links li a:hover {
    color: #0c5b4e !important
}

.ws-list-group .ws-list-item .with-links li a.livepage:hover {
    color: #969696 !important
}

@media(max-width:991px) {
    .ws-list-group .ws-list-item .with-links li a {
        font-size: 14px
    }
}

.ws-list-group .ws-list-item .with-links li a i {
    width: 4.2px;
    height: 4.2px;
    font-size: 20px;
    color: #969696;
    margin-right: 10px
}

.ws-style-list.list-item-first-child-border .ws-list-group .ws-list-item ul li:first-child {
    border-top: 1px solid #ddd;
    left: 0;
    bottom: 40px
}

.ws-style-list.list-item-last-child-border .ws-list-group .ws-list-item ul li:last-child span {
    position: relative
}

.ws-style-list.list-item-last-child-border .ws-list-group .ws-list-item ul li:last-child span::before {
    content: "";
    border-bottom: 0
}

.ws-style-list.list-item-border .ws-list-group .ws-list-item ul li {
    padding-top: 24px;
    padding-bottom: 24px
}

.ws-style-list.list-item-border .ws-list-group .ws-list-item ul li span {
    position: relative
}

.ws-style-list.list-item-border .ws-list-group .ws-list-item ul li span::before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #ddd;
    left: 0;
    top: auto;
    bottom: -27px;
    width: 390px
}

@media(max-width:1023px) {
    .ws-style-list.list-item-border .ws-list-group .ws-list-item ul li span::before {
        width: 208px
    }
}

.ws-style-list.list-item-border .ws-list-group .ws-list-item .with-links li {
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
    left: 0;
    top: 40px;
    padding-left: 15px
}

.ws-style-list.list-item-border .ws-list-group .ws-list-item .with-links li span::before {
    border-bottom: 0
}

.ws-style-list.list-item-border .ws-list-group .ws-list-item .without-links li:last-child {
    padding-bottom: 0
}

@media(min-width:1024px) {
    .ws-style-list.alignlistitemcenter .ws-list-group .ws-list-item .with-links li {
        text-align: center
    }
}

@media(max-width:576px) {
    .ws-style-list.alignlistitemleftmobile .ws-list-group .ws-list-item .with-links li {
        text-align: center
    }
}

.ws-style-list.liststyletypecircle .ws-list-group .ws-list-item ul {
    list-style-type: circle;
    padding-left: 15px
}

.ws-style-list.liststyletypesquare .ws-list-group .ws-list-item ul {
    list-style-type: square;
    padding-left: 15px
}

.ws-style-list.liststyletypedisc .ws-list-group .ws-list-item ul {
    list-style-type: disc;
    padding-left: 15px
}

.ws-style-list.liststyletypeupper-roman .ws-list-group .ws-list-item ul {
    list-style-type: upper-roman;
    padding-left: 15px
}

.ws-style-list.liststyletypelower-alpha .ws-list-group .ws-list-item ul {
    list-style-type: lower-alpha;
    padding-left: 15px
}

.ws-style-list.columnlistwithlinks .ws-list-group .ws-list-item h4 {
    padding-bottom: 28px
}

.ws-style-list.font-family-noto-sans .ws-list-group .ws-list-item li {
    font-family: "APKProtocol Regular"
}

.icon-list-view h2 {
    font-size: 18px;
    line-height: 24px
}

.icon-list-col {
    display: flex;
    flex-wrap: wrap
}

.icon-list {
    width: 88px;
    height: 109px;
    margin-right: 10px;
    border-radius: 10px;
    text-align: center
}

.icon-list p {
    font-size: 11px;
    text-align: center;
    margin: 10px 0 0 0;
    height: 35px;
    overflow: hidden;
    line-height: 12px;
    padding: 0 5px
}

.icon-list img {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-top: 11px;
    margin-left: auto;
    margin-right: auto
}

.icon-list-mobile-icon {
    display: none !important
}

@media only screen and (max-width:767px) {
    .icon-list {
        width: 75px;
        height: 109px;
        margin: 0 9px 10px 0;
        border-radius: 10px;
        text-align: center;
        background: none !important
    }

    .icon-list p {
        font-size: 10px
    }

    .icon-list-desktop-icon {
        display: none !important
    }

    .icon-list-mobile-icon {
        display: block !important
    }
}

@keyframes hotspotPulse {
    0 {
        box-shadow: 0 0 0 3px #444
    }

    50% {
        box-shadow: 0 0 0 5px rgba(68, 68, 68, 0.3)
    }

    100% {
        box-shadow: 0 0 0 6px #444
    }
}

@keyframes hotspotPulsefade {
    0 {
        box-shadow: 0 0 0 3px #444
    }

    50% {
        box-shadow: 0 0 0 5px rgba(68, 68, 68, 0.3)
    }

    100% {
        box-shadow: 0 0 0 6px #444
    }
}

.hotspot-carousel.full-width .imageWithHotspotCarousel .container {
    padding: 0 !important
}

@media(max-width:1023px) {
    .hotspot-carousel.full-width .imageWithHotspotCarousel .container {
        padding: 0 !important
    }
}

@media(max-width:1023px) {
    .hotspot-carousel.list-container .imageWithHotspotCarousel .hotspot-label-list {
        padding: 0 33px !important
    }
}

.imageWithHotspotCarousel .container {
    width: 100%;
    max-width: 1200px
}

@media(max-width:1023px) {
    .imageWithHotspotCarousel .container {
        padding-right: 33px;
        padding-left: 33px
    }
}

.imageWithHotspotCarousel .title-description {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.imageWithHotspotCarousel .title-description .title {
    text-align: center;
    color: black
}

.imageWithHotspotCarousel .title-description .desc {
    width: 70%
}

.imageWithHotspotCarousel .carousel-slides .slick-list {
    overflow: visible;
    touch-action: pan-y pinch-zoom !important
}

.imageWithHotspotCarousel .carousel-slides .slick-list .slick-slide {
    touch-action: auto !important
}

.imageWithHotspotCarousel .carousel-slides .slide {
    position: relative
}

.imageWithHotspotCarousel .carousel-slides .slide .appDesc {
    min-height: 64px;
    display: flex;
    align-items: flex-end
}

@media(max-width:767px) {
    .imageWithHotspotCarousel .carousel-slides .slide .appDesc {
        min-height: 84px
    }
}

.imageWithHotspotCarousel .carousel-slides .slide .img-container {
    position: relative
}

.imageWithHotspotCarousel .carousel-slides .slide .bgImg {
    width: 100%;
    object-fit: contain
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container {
    position: absolute
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container.editable .hover-block {
    display: block !important;
    z-index: 10
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block.hover {
    display: block
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block.hover.fadeInUp {
    animation: fadeInUp .5s ease backwards
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block.hover.fadeInDown {
    animation: fadeInDown .5s ease backwards
}

@keyframes fadeInUp {
    0 {
        transform: translate(0, 45px);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes fadeInDown {
    0 {
        transform: translate(0, -45px);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block {
    position: absolute;
    width: auto;
    top: -65px;
    display: none
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block .hotspot-icon {
    width: 85px;
    height: 85px;
    display: block;
    margin: auto;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 5px;
    vertical-align: middle
}

@media screen and (max-width:1024px) {
    .imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block .hotspot-icon {
        width: 75px;
        height: 75px
    }
}

@media screen and (max-width:768px) {
    .imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block .hotspot-icon {
        width: 50px;
        height: 50px
    }
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block .hover-popups {
    width: 100%;
    align-self: center;
    background: #fff;
    border-radius: 50px;
    padding: 5px 15px;
    border: solid 1px #efefef;
    box-shadow: 0 -1px 8px #ccc;
    z-index: 10;
    color: black
}

@media(max-width:768px) {
    .imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block .hover-popups {
        padding: 8px 15px;
        padding: 3px 9px
    }
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block .hover-popups p,
.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block .hover-popups a {
    font-size: 14px;
    margin-bottom: 0;
    white-space: nowrap;
    color: black
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block .hover-popups ul {
    padding-left: 15px
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block .hover-popups ul li {
    font-size: 14px;
    margin-bottom: 0;
    white-space: nowrap;
    color: black
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block.show-top {
    z-index: 11
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-container .hover-block.show-top .hover-popups {
    box-shadow: 0 -1px 8px #beff00
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspotImg {
    cursor: pointer;
    position: relative;
    display: block;
    color: black;
    background-color: #beff00;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    box-shadow: 0 2px 8px #000
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspotImg.hotspot-highlight {
    box-shadow: 0 0 0 4px #444;
    transition: box-shadow .2s, background-color .2s;
    position: relative;
    animation: hotspotPulse 2s infinite
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspotImg.show-up {
    z-index: 11
}

@media(max-width:991px) {
    .imageWithHotspotCarousel .carousel-slides .slide .hotspotImg {
        width: 20px;
        height: 20px
    }
}

@media(max-width:768px) {
    .imageWithHotspotCarousel .carousel-slides .slide .hotspotImg {
        width: 10px;
        height: 10px
    }
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspotImg::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    font-size: 20px
}

@media(max-width:991px) {
    .imageWithHotspotCarousel .carousel-slides .slide .hotspotImg::before {
        font-size: 15px
    }
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspotImg.editable::before {
    content: ''
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspotImg.editable .hover-block {
    display: block !important;
    z-index: 10
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspotImg .hotspot-id-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    font-weight: bold;
    color: #222;
    pointer-events: none;
    z-index: 2
}

@media(max-width:768px) {
    .imageWithHotspotCarousel .carousel-slides .slide .hotspotImg .hotspot-id-label {
        font-size: 8px
    }
}

.imageWithHotspotCarousel .carousel-slides .slide .bg-img {
    position: relative;
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-label-list {
    list-style: none;
    padding: 0;
    margin: 16px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-label-list .hotspot-list-item {
    cursor: pointer;
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: black;
    border-radius: 50px;
    padding: 5px 8px;
    min-height: 32px
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-label-list .hotspot-list-item .hotspot-list-link {
    display: flex;
    align-items: baseline;
    gap: 10px
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-label-list .hotspot-list-id {
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    color: #000;
    background-color: #beff00;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-label-list .hotspot-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 8px
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-label-list .hotspot-list-label {
    flex: 1;
    font-size: 14px;
    color: #222
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-label-list .hotspot-list-label p {
    margin-bottom: 0
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-label-list .hotspot-list-label ul {
    padding-left: 14px
}

.imageWithHotspotCarousel .carousel-slides .slide .hotspot-label-list .hotspot-list-label li {
    list-style-type: disc
}

.imageWithHotspotCarousel .carousel-slides .slick-prev,
.imageWithHotspotCarousel .carousel-slides .slick-next {
    width: 30px;
    height: 30px;
    top: calc(50% + 32px)
}

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

    .imageWithHotspotCarousel .carousel-slides .slick-prev,
    .imageWithHotspotCarousel .carousel-slides .slick-next {
        width: 45px;
        height: 45px
    }
}

@media(min-width:1200px) {

    .imageWithHotspotCarousel .carousel-slides .slick-prev,
    .imageWithHotspotCarousel .carousel-slides .slick-next {
        width: 75px;
        height: 75px
    }
}

.imageWithHotspotCarousel .carousel-slides .slick-prev {
    left: -30px
}

@media(min-width:1024px) and (max-width:1199px) {
    .imageWithHotspotCarousel .carousel-slides .slick-prev {
        left: -55px
    }
}

@media(min-width:1200px) {
    .imageWithHotspotCarousel .carousel-slides .slick-prev {
        left: -85px
    }
}

.imageWithHotspotCarousel .carousel-slides .slick-next {
    right: -30px
}

@media(min-width:1024px) and (max-width:1199px) {
    .imageWithHotspotCarousel .carousel-slides .slick-next {
        right: -55px
    }
}

@media(min-width:1200px) {
    .imageWithHotspotCarousel .carousel-slides .slick-next {
        right: -85px
    }
}

.imageWithHotspotCarousel .carousel-slides .slick-prev::before {
    content: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/Arrow-Left.svg');
    line-height: 0;
    opacity: 1
}

.imageWithHotspotCarousel .carousel-slides .slick-prev:focus {
    color: darkgrey;
    border-color: darkgray;
    outline-color: darkgray
}

.imageWithHotspotCarousel .carousel-slides .slick-next::before {
    content: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/Arrow-Right.svg');
    line-height: 0;
    opacity: 1
}

.imageWithHotspotCarousel .carousel-slides .slick-next:focus {
    color: darkgrey;
    border-color: darkgray;
    outline-color: darkgray
}

.imageWithHotspotCarousel .carousel-slides .slick-dots {
    bottom: -35px
}

.imageWithHotspotCarousel .carousel-slides .slick-dots li {
    width: 15px
}

.imageWithHotspotCarousel .carousel-slides .slick-dots li button:before {
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #beff00;
    background-color: #beff00;
    border-radius: 50%
}

.imageWithHotspotCarousel .carousel-slides .slick-dots li.slick-active button:before {
    border: 1px solid #beff00;
    background-color: #beff00
}

.imageWithHotspotCarousel .nav-icons {
    display: flex;
    display: none;
    justify-content: center;
    height: 70px
}

@media(max-width:767px) {
    .imageWithHotspotCarousel .nav-icons {
        height: 60px
    }
}

@media(min-width:1024px) {
    .imageWithHotspotCarousel .nav-icons {
        display: none
    }
}

.imageWithHotspotCarousel .nav-icons .nav-button {
    display: flex;
    line-height: normal
}

.imageWithHotspotCarousel .nav-icons .nav-button .hotspot-toggle {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid darkgray;
    background-color: transparent
}

.imageWithHotspotCarousel .nav-icons .nav-button .hotspot-toggle::after {
    content: url('https://www.qnityelectronics.com/etc.clientlibs/electronics-foundation/components/content/hotspot-carousel/clientlibs/css/icons/location-icon.svg');
    color: darkgray;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.imageWithHotspotCarousel .nav-icons .slick-prev,
.imageWithHotspotCarousel .nav-icons .slick-next {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid darkgray;
    background-color: transparent;
    margin-left: 5px;
    margin-right: 5px;
    position: relative
}

.imageWithHotspotCarousel .nav-icons .slick-prev {
    left: 0
}

.imageWithHotspotCarousel .nav-icons .slick-prev::before {
    content: "";
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/Arrow-Left.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16px;
    width: 10px;
    position: relative
}

.imageWithHotspotCarousel .nav-icons .slick-prev:focus {
    color: darkgrey;
    border-color: darkgray;
    outline-color: darkgray
}

.imageWithHotspotCarousel .nav-icons .slick-next {
    right: 0
}

.imageWithHotspotCarousel .nav-icons .slick-next::before {
    content: "";
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/Arrow-Right.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16px;
    width: 10px;
    position: relative
}

.imageWithHotspotCarousel .nav-icons .slick-next:focus {
    color: darkgrey;
    border-color: darkgray;
    outline-color: darkgray
}

.imageWithHotspotCarousel .nav-icons .slick-prev-arrow,
.imageWithHotspotCarousel .nav-icons .slick-next-arrow {
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid darkgray;
    background-color: transparent
}

.imageWithHotspotCarousel .nav-icons .slick-prev-arrow::after {
    content: url('https://www.qnityelectronics.com/etc.clientlibs/electronics-foundation/components/content/hotspot-carousel/clientlibs/css/icons/arrow-left-disabled.svg');
    background-repeat: no-repeat;
    color: darkgray;
    position: absolute;
    top: 55%;
    left: 48%;
    transform: translate(-50%, -40%);
    width: 100%;
    height: 100%
}

.imageWithHotspotCarousel .nav-icons .slick-prev-arrow:focus {
    color: darkgrey;
    border-color: darkgray;
    outline-color: darkgray
}

.imageWithHotspotCarousel .nav-icons .slick-next-arrow::after {
    content: url('https://www.qnityelectronics.com/etc.clientlibs/electronics-foundation/components/content/hotspot-carousel/clientlibs/css/icons/arrow-left-disabled.svg');
    background-repeat: no-repeat;
    color: darkgray;
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translate(-40%, -70%) rotate(180deg)
}

.imageWithHotspotCarousel .nav-icons .slick-next-arrow:focus {
    color: darkgrey;
    border-color: darkgray;
    outline-color: darkgray
}

.imageWithHotspotCarousel #hs-slideout-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100000;
    overflow: auto
}

.imageWithHotspotCarousel #hs-slideout-wrapper .close-btn {
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    cursor: pointer;
    position: fixed;
    left: 10%;
    z-index: 1000;
    font-size: 22px;
    padding: 10px;
    display: none;
    background: #fff;
    border-radius: 25px;
    margin-left: 5px;
    margin-top: 5px
}

.imageWithHotspotCarousel #hs-slideout-wrapper .close-btn:before {
    position: relative;
    top: -5px;
    left: -2px
}

.imageWithHotspotCarousel #hs-slideout-wrapper .hs-slideout {
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
    background: #fff;
    overflow-x: hidden;
    min-height: 100%
}

.imageWithHotspotCarousel #hs-slideout-wrapper .hs-slideout.animate {
    width: 0;
    visibility: visible;
    animation: wrbringleft 500ms linear 10ms 1 forwards;
    -webkit-animation: wrbringleft 500ms linear 10ms 1 forwards;
    animation-timing-function: linear
}

@keyframes wrbringleft {
    1% {
        width: 0
    }

    100% {
        width: 90%
    }
}

@-webkit-keyframes wrbringleft {
    1% {
        width: 0
    }

    100% {
        width: 90%
    }
}

.imageWithHotspotCarousel #hs-slideout-wrapper .hs-slideout iframe {
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    background: 0
}

.imageWithHotspotCarousel #hs-slideout-wrapper .so-loader {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(55% - 30px);
    margin: auto;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #beff00;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: none
}

@-webkit-keyframes spin {
    0 {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0 {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.imageWithHotspotCarousel .hover-popup {
    position: absolute;
    width: 200px;
    background: #fff;
    border-radius: 50px;
    padding: 10px 15px;
    border: solid 1px #efefef;
    box-shadow: 0 -1px 8px #ccc;
    display: none;
    z-index: 10
}

.imageWithHotspotCarousel .hover-popup p {
    margin-bottom: 0
}

.cmp-proofpoints.align-left .highlights {
    text-align: left
}

.cmp-proofpoints.align-center .highlights {
    text-align: center
}

.cmp-proofpoints.align-right .highlights {
    text-align: right
}

.cmp-proofpoints.curve-bordered .common-button {
    border-radius: 5px
}

.cmp-proofpoints.circle-bordered .common-button {
    border-radius: 25px
}

.highlights {
    margin: 0 10%;
    color: #515151
}

.highlights img {
    padding: 15px 0
}

.highlights .highlights-statistics {
    margin: 0
}

.highlights strong {
    font-weight: bold
}

.highlights h1.highlights-title {
    color: #505050;
    font-weight: bold
}

.Carousel-slider-wrapper {
    position: relative
}

.Carousel-slider-wrapper .Carousel-slider-view1 {
    margin: 0
}

.Carousel-slider-wrapper .Carousel-slider-view1 img {
    width: 100%
}

@media(max-width:767px) {
    .Carousel-slider-wrapper .Carousel-slider-view1 img {
        height: 270px
    }
}

.Carousel-slider-wrapper .Carousel-slider-view1 .black-shadow {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #000, #000);
    opacity: .2
}

.Carousel-slider-wrapper .Carousel-slider-view1 .Carousel-slide__caption {
    position: absolute;
    bottom: 12%;
    width: 100%;
    font-size: 56px;
    color: #fff
}

@media(max-width:1024px) {
    .Carousel-slider-wrapper .Carousel-slider-view1 .Carousel-slide__caption {
        font-size: 42px
    }
}

.Carousel-slider-wrapper .Carousel-slider-view1 .Carousel-slide__caption .Carousel_desc,
.Carousel-slider-wrapper .Carousel-slider-view1 .Carousel-slide__caption .Carousel_link {
    display: none
}

@media(max-width:767px) {
    .Carousel-slider-wrapper .Carousel-slider-view1 .Carousel-slide__caption {
        font-size: 18px
    }

    .Carousel-slider-wrapper .Carousel-slider-view1 .Carousel-slide__caption div {
        margin-bottom: 20px
    }
}

.Carousel-slider-wrapper .Carousel-slider-view1 .Carousel-slide__caption .Carousel_link {
    background-color: #fff;
    border: 1px solid #beff00;
    color: #beff00;
    padding: 12px 35px;
    margin: 10px 0;
    border-radius: 25px;
    font-size: 18px;
    outline: 0;
    text-decoration: none;
    cursor: pointer
}

@media(max-width:767px) {
    .Carousel-slider-wrapper .Carousel-slider-view1 .Carousel-slide__caption .Carousel_link {
        font-size: 14px
    }
}

.Carousel-slider-wrapper .Carousel-slider-view1 .Carousel-slide__caption .Carousel_link:hover {
    background-color: #beff00;
    border: 1px solid #beff00;
    color: #fff
}

.Carousel-slider-wrapper .Carousel-slider-view1 .slick-dots {
    width: 100%;
    left: 0;
    bottom: 0;
    display: flex;
    padding: 0 6.5%;
    background-color: #1f1f1f
}

.Carousel-slider-wrapper .Carousel-slider-view1 .slick-dots li {
    width: 34%;
    height: 60px;
    align-items: center;
    border: 1px solid #1f1f1f;
    color: #fff;
    text-indent: 0;
    border-radius: 0;
    display: flex
}

@media(max-width:1024px) {
    .Carousel-slider-wrapper .Carousel-slider-view1 .slick-dots li {
        display: none
    }
}

@media(max-width:1024px) {
    .Carousel-slider-wrapper .Carousel-slider-view1 .slick-dots li.slick-active {
        width: 100%;
        display: flex;
        align-items: center
    }
}

.Carousel-slider-wrapper .Carousel-slider-view1 .slick-dots li.slick-active .number {
    border: 2px solid #beff00;
    background-color: #beff00
}

.Carousel-slider-wrapper .Carousel-slider-view1 .slick-dots li a .number {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    float: left;
    font-size: 16px;
    padding: 3px;
    margin: 10px;
    color: #fff
}

.Carousel-slider-wrapper .Carousel-slider-view1 .slick-dots li a .name {
    font-size: 14px;
    color: white;
    text-align: left;
    font-family: APKProtocol Regular;
    padding: 3px;
    margin: 6px 8px 0
}

.progress {
    display: block;
    width: 100%;
    height: 4px;
    overflow: hidden;
    background-color: #fff;
    background-image: linear-gradient(to right, #beff00, #beff00);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
    position: absolute;
    bottom: 60px;
    margin-bottom: 0
}

.electronics-herolist.carousel_Left .Carousel-slide__caption {
    text-align: left
}

.electronics-herolist.carousel_Left.carousel_Top .Carousel-slide__caption {
    top: 3%
}

.electronics-herolist.carousel_Left.carousel_Middle .Carousel-slide__caption {
    transform: translateY(50%);
    bottom: 50%
}

.electronics-herolist.carousel_Left.carousel_Bottom .Carousel-slide__caption {
    bottom: 10%;
    padding-bottom: 4%
}

.electronics-herolist.carousel_Center .Carousel-slide__caption {
    text-align: center
}

.electronics-herolist.carousel_Center.carousel_Top .Carousel-slide__caption {
    top: 0
}

.electronics-herolist.carousel_Center.carousel_Middle .Carousel-slide__caption {
    transform: translateY(50%);
    bottom: 50%
}

.electronics-herolist.carousel_Center.carousel_Bottom .Carousel-slide__caption {
    bottom: 10%;
    padding-bottom: 4%
}

@media(max-width:767px) {
    .electronics-herolist.carousel_Center.carousel_Bottom .Carousel-slide__caption {
        padding-bottom: 15%
    }
}

.electronics-herolist.carousel_Right .Carousel-slide__caption {
    text-align: right
}

.electronics-herolist.carousel_Right.carousel_Top .Carousel-slide__caption {
    top: 3%
}

.electronics-herolist.carousel_Right.carousel_Middle .Carousel-slide__caption {
    transform: translateY(50%);
    bottom: 50%
}

.electronics-herolist.carousel_Right.carousel_Bottom .Carousel-slide__caption {
    bottom: 10%;
    padding-bottom: 4%
}

.electronics-herolist.carousel_Top .Carousel-slide__caption {
    top: 3%
}

.electronics-herolist.carousel_Middle .Carousel-slide__caption {
    transform: translateY(50%);
    bottom: 50%
}

.electronics-herolist.carousel_Bottom .Carousel-slide__caption {
    bottom: 10%
}

.electronics-herolist.carousel_Desc .Carousel-slide__caption .Carousel_desc {
    display: block
}

.electronics-herolist.carousel_Link .Carousel-slide__caption .Carousel_link {
    display: inline
}

.sliding-view .carousel-item img {
    object-fit: cover;
    max-height: 800px;
    display: block;
    height: 650px
}

@media(min-width:769px) {
    .sliding-view .carousel-item img {
        height: 530px
    }
}

@media(min-width:481px) and (max-width:768px) {
    .sliding-view .carousel-item img {
        height: 500px
    }
}

.sliding-view .carousel-caption {
    top: 18%;
    left: 15%;
    right: 15%
}

@media(min-width:481px) and (max-width:768px) {
    .sliding-view .carousel-caption {
        top: 10%;
        left: 10%;
        right: 10%
    }
}

@media(max-width:480px) {
    .sliding-view .carousel-caption {
        top: 2%;
        left: 10%;
        right: 10%
    }
}

.sliding-view .carousel-caption h1 {
    color: #fff;
    font-weight: 600
}

.sliding-view .carousel-caption .caurosel-description {
    font-size: 30px;
    padding-bottom: 30px
}

.sliding-view .carousel-caption .link-container {
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    bottom: 10%
}

@media(max-width:768px) {
    .sliding-view .carousel-caption .link-container {
        bottom: 5%
    }
}

@media(max-width:480px) {
    .sliding-view .carousel-caption .link-container {
        font-size: 16px;
        bottom: 2%
    }
}

.sliding-view .Carousel_link {
    color: #fff;
    border: 2px solid #fff;
    padding: 15px 20px;
    border-radius: 30px;
    font-size: 20px
}

.sliding-view .Carousel_link:hover {
    color: #beff00;
    border: 2px solid #beff00
}

.sliding-view .blue-shadow {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right bottom, #000, #000);
    opacity: .1
}

.sliding-view .carousel-control-next-icon {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/r-right-arrow.svg);
    width: 35px;
    height: 40px
}

.sliding-view .carousel-control-prev-icon {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/r-left-arrow.svg);
    width: 35px;
    height: 40px
}

.electronics-herolist .sliding-view .Carousel_link {
    display: none
}

.electronics-herolist.carousel_Link .sliding-view .Carousel_link {
    display: inline
}

.Carousel_link {
    text-decoration: none
}

.carouselTextBackgoundview .carousel-item {
    height: 465px
}

.carouselTextBackgoundview .image_carousel {
    width: 51%
}

.carouselTextBackgoundview .carousel-caption {
    background-color: rgba(248, 247, 216, 0.7)
}

.carouselTextBackgoundview .caouselLefttext .carousel-caption {
    text-align: left !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 49% !important;
    height: 100% !important;
    padding-left: 7% !important;
    padding-top: 4% !important
}

.carouselTextBackgoundview .caouselLefttext .image_carousel {
    width: 51%;
    margin-left: 49%
}

.carouselTextBackgoundview .carousel-caption .Carousel_link {
    display: block;
    text-decoration: none
}

.carouselTextBackgoundview .carousel-caption .Carousel_link:hover {
    color: red !important;
    border-color: red !important
}

.carouselTextBackgoundview .carousel-caption .link-container {
    justify-content: left
}

.carouselTextBackgoundview a.carousel-control-next {
    z-index: 999
}

.carouselTextBackgoundview a.carousel-control-prev {
    margin-left: -30px;
    z-index: 999
}

.carouselTextBackgoundview .caouselRighttext .carousel-caption {
    text-align: left !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 49% !important;
    height: 100% !important;
    padding-left: 1% !important;
    padding-top: 4% !important;
    left: 51% !important
}

.carouselTextBackgoundview .caouselRighttext .caurosel-description {
    width: 87%
}

.carouselTextBackgoundview .caurosel-description {
    word-break: break-word
}

@media(max-width:768px) {
    .carouselTextBackgoundview .carousel-item {
        height: 270px
    }

    .carouselTextBackgoundview .Carousel_link {
        padding: 10px !important;
        font-size: 15px
    }

    .carouselTextBackgoundview a.carousel-control-prev {
        margin-left: -1em
    }

    .carouselTextBackgoundview .caurosel-description {
        font-size: 18px !important;
        line-height: 1 !important
    }

    .carouselTextBackgoundview .carousel-caption h1 {
        font-size: 26px;
        word-break: break-word
    }
}

.carouselTextBackgoundview a.carousel-control-prev i {
    font-size: 2em;
    margin-left: -14px !important
}

.carouselTextBackgoundview a.carousel-control-next {
    padding-left: 2em
}

.carouselTextBackgoundview a.carousel-control-next i {
    font-size: 2em
}

.aem-GridColumn {
    padding: 0
}

.homepage-hero {
    height: 600px;
    width: 100%;
    position: relative;
    display: inline-block
}

.homepage-hero .parallax-container {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden
}

.homepage-hero .parallax-container .parallax-img {
    height: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 100%;
    position: absolute;
    width: 100%
}

@media(max-width:767px) {
    .homepage-hero .heroImage_container {
        max-width: none;
        padding: 0
    }
}

.homepage-hero .heroImage_container .content-teaser {
    position: absolute;
    z-index: 2;
    width: 305px;
    padding: 34px;
    color: #fff
}

.homepage-hero .heroImage_container .content-teaser .heroImage-Text_subtext,
.homepage-hero .heroImage_container .content-teaser .heroImage-Text_Link {
    display: none
}

@media(max-width:767px) {
    .homepage-hero .heroImage_container .content-teaser {
        width: 100%;
        padding-bottom: 61px;
        margin: 47% 0 0
    }
}

.homepage-hero .heroImage_container .content-teaser .ct-title {
    color: white
}

.homepage-hero .heroImage_container .content-teaser .heroImage-parallaxText {
    display: none
}

.homepage-hero .heroImage_container .content-teaser .heroImage-Text_btnLink {
    display: none;
    background-color: transparent;
    border: transparent
}

.homepage-hero .heroImage_container .content-teaser .heroImage-Text_btnLink.arrow:before {
    content: '\003c';
    padding-right: .5rem;
    vertical-align: middle;
    height: 1.1rem;
    width: .2rem
}

.homepage-hero .jumpLink {
    bottom: 23px;
    position: absolute;
    left: 50%;
    z-index: 5;
    margin-left: -12px
}

.homepage-hero .jumpLink a {
    position: relative
}

.homepage-hero .bottom-graphics {
    position: absolute;
    width: 100%;
    height: 20%;
    z-index: 3;
    bottom: 0;
    background-image: linear-gradient(rgba(18, 68, 109, 0), rgba(18, 68, 109, 0.3))
}

.homepage-hero .bottom-graphics:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 23px;
    z-index: 4;
    bottom: -2px;
    left: 0;
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/lowerBorder.png);
    background-repeat: no-repeat;
    background-position: right
}

.homepage-hero .bottom-graphics:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 23px;
    z-index: 4;
    bottom: -2px;
    right: 0;
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/lowerBorder.png);
    background-repeat: no-repeat;
    background-position: right;
    transform: scale(-1, 1)
}

.heroimage {
    position: relative
}

.heroimage .herobgImage {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    position: relative
}

.heroimage .herobgImage:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #000, #000);
    opacity: .3
}

@media(max-width:767px) {
    .heroimage .herobgImage {
        max-height: 350px
    }
}

.heroimage .herobgImage .selectize-control {
    position: absolute;
    top: 45%;
    right: 15%;
    width: 30%
}

.heroimage .herobgImage .selectize-control .optgroup .optgroup-header {
    display: none
}

.heroimage .herobgImage .selectize-control .optgroup .option {
    padding: .5rem 2rem
}

.heroimage .herobgImage .selectize-control .optgroup .option:nth-child(2) {
    font-weight: bold
}

.heroimage .herobgImage .selectize-control .optgroup .option:hover {
    font-weight: bold;
    background-color: transparent
}

.heroimage .herobgImage .selectize-control .optgroup .option.active {
    background-color: transparent
}

.heroimage .herobgImage.heroImage_fullwidth {
    margin: 0;
    width: auto
}

.heroimage .heroImage_Img {
    position: relative
}

.heroimage .heroImage_Img img {
    max-width: 100%;
    width: 100%;
    background-position: center center;
    min-height: 300px;
    background-size: cover;
    object-fit: cover
}

.heroimage .heroImage-Text {
    color: #fff;
    padding: 30px;
    position: absolute;
    width: 98%;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

@media(max-width:767px) {
    .heroimage .heroImage-Text {
        width: 95%;
        padding: 10px
    }
}

.heroimage .heroImage-Text .heroImage-Text_heading {
    margin-bottom: 20px;
    margin-top: 0
}

@media(max-width:767px) {
    .heroimage .heroImage-Text .heroImage-Text_heading {
        margin-bottom: 0
    }
}

.heroimage .heroImage-Text .heroImage-Text_Link {
    display: none
}

.heroimage .heroImage-Text .heroImage-Text_Link.arrow:before {
    content: '\003c';
    padding-right: .5rem;
    vertical-align: middle;
    height: 1.1rem;
    width: .2rem
}

.heroimage .heroImage-Text .heroImage_Button {
    background: #beff00;
    border-radius: 25px;
    padding: 12px 35px;
    margin-top: 10px;
    text-decoration: none
}

.heroimage .heroImage-Text .heroImage-Text_subtext {
    display: none
}

.heroimage .heroImage-Text a {
    color: #fff
}

.heroimage .heroImage-Text.heroImage_HalfText {
    max-width: 50%
}

.squareborder {
    border-radius: 0 !important;
    font-size: 22px !important;
    padding: 2% !important;
    border-width: 3px !important
}

.reduce-image-size .component-header {
    max-height: 500px
}

@media only screen and (max-width:600px) {
    .reduce-image-size .component-header {
        max-height: 400px
    }
}

.heroimage.tyvek-title .animated-block {
    justify-content: flex-end
}

.heroimage.tyvek-title .heroImage_Img .heroImage-Text {
    padding: 0 72px
}

.heroimage.tyvek-title .heroImage_Img .heroImage-Text .heroImage-Text_heading {
    font-family: "APKProtocol Bold";
    font-size: 90px;
    width: 663px;
    line-height: .89;
    letter-spacing: 2.7px;
    margin-bottom: 50px
}

.heroimage.greatstuff-view .heroImage_Img .heroImage-Text {
    width: 50%;
    padding-left: 72px
}

.heroimage.greatstuff-view .heroImage_Img .heroImage-Text .heroImage-Text_heading {
    font-family: "APKProtocol Bold";
    color: #fff;
    font-size: 29px;
    line-height: 28px;
    width: 85%
}

.heroimage.greatstuff-view .heroImage_Img .heroImage-Text .heroImage-Text_subtext {
    padding: 11px 20px 8px 21px;
    font-family: "APKProtocol Regular";
    color: #000;
    font-size: 14px;
    line-height: 25px;
    background-color: rgba(255, 255, 255, 0.85);
    letter-spacing: .6px;
    width: 98%;
    text-shadow: none
}

.heroimage.greatstuff-view .heroImage_Img .heroImage-Text .heroImage-Text_subtext p {
    margin: 0
}

.heroimage.hero-title-alignment .heroImage-Text .heroImage-Text_heading {
    bottom: 0
}

.heroimage.pbs-title .heroImage-Text {
    top: 0 !important;
    padding: 30px !important;
    left: 0 !important
}

.heroimage.pbs-title .heroImage-Text .heroImage-Text_heading {
    position: absolute;
    margin-bottom: 50px;
    margin-top: 0;
    font-family: "APKProtocol Bold";
    font-size: 38px;
    line-height: 50px;
    letter-spacing: normal;
    color: #fff
}

.heroimage.pbs-title.greatstuff-view .heroImage-Text {
    top: 40% !important;
    width: 48% !important;
    padding-left: 94px !important;
    padding-right: 94px !important
}

.heroimage.pbs-title.greatstuff-view .heroImage-Text .heroImage-Text_heading {
    width: 75%
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .heroimage.greatstuff-view .heroImage_Img .heroImage-Text {
        width: 70%;
        padding-left: 50px;
        padding-bottom: 5px
    }

    .heroimage.greatstuff-view .heroImage_Img .heroImage-Text .heroImage-Text_heading {
        width: 100%
    }

    .heroimage.pbs-title .heroImage-Text .heroImage-Text_heading {
        margin-bottom: 30px
    }

    .heroimage.pbs-title.greatstuff-view .heroImage-Text {
        padding-left: 33px !important;
        padding-right: 33px !important;
        top: 17% !important;
        width: 77% !important
    }

    .heroimage.pbs-title.greatstuff-view .heroImage-Text .heroImage-Text_heading {
        font-size: 22px;
        width: 58%
    }

    .heroimage.pbs-title.greatstuff-view .heroImage-Text .heroImage-Text_subtext {
        margin-top: 12% !important;
        padding: 10px
    }

    .heroimage.pbs-title.greatstuff-view .heroImage-Text .heroImage-Text_subtext p:nth-child(2) {
        display: none
    }

    .heroimage.tyvek-title .heroImage_Img .heroImage-Text {
        padding: 0 33px
    }

    .heroimage.tyvek-title .heroImage_Img .heroImage-Text .heroImage-Text_heading {
        font-size: 70px;
        width: 482px
    }
}

@media screen and (max-width:767px) {
    .heroimage.tyvek-title .heroImage_Img .heroImage-Text {
        padding: 0 33px
    }

    .heroimage.tyvek-title .heroImage_Img .heroImage-Text .heroImage-Text_heading {
        font-family: "APKProtocol Bold";
        font-size: 40px;
        width: 100%;
        line-height: .89;
        letter-spacing: 2.7px
    }

    .heroimage.pbs-title .heroImage-Text {
        padding: 10px 33px
    }

    .heroimage.pbs-title .heroImage-Text .heroImage-Text_heading {
        margin-bottom: 10px;
        font-size: 30px
    }

    .heroimage.hero-title-alignment .heroImage-Text {
        padding: 10px 33px
    }

    .heroimage.hero-title-alignment .heroImage-Text .heroImage-Text_heading {
        font-size: 30px
    }

    .heroimage.greatstuff-view .heroImage_Img .heroImage-Text {
        width: 100%;
        padding-left: 15px;
        padding-bottom: 0
    }

    .heroimage.greatstuff-view .heroImage_Img .heroImage-Text .heroImage-Text_heading {
        font-size: 25px;
        width: 100%
    }

    .heroimage.greatstuff-view .heroImage_Img .heroImage-Text .heroImage-Text_subtext {
        font-size: 13px;
        width: 100%
    }

    .heroimage.pbs-title.greatstuff-view .heroImage-Text {
        top: 0 !important;
        width: 100% !important;
        padding-left: 33px !important;
        padding-right: 33px !important
    }

    .heroimage.pbs-title.greatstuff-view .heroImage-Text .heroImage-Text_heading {
        padding-right: 33px !important;
        font-size: 21px !important;
        width: 97% !important
    }

    .heroimage.pbs-title.greatstuff-view .heroImage-Text .heroImage-Text_subtext {
        margin-top: 19% !important
    }

    .heroimage.pbs-title.greatstuff-view .heroImage-Text .heroImage-Text_subtext p:nth-child(2) {
        display: none
    }
}

.heroimage.greatstuff-view .container {
    display: inline-flex;
    position: absolute;
    left: 0;
    flex-direction: row;
    top: 60%;
    transform: translate(0, -60px)
}

.heroimage.greatstuff-view .container .heroImage-Text {
    padding: 0 !important;
    position: relative !important;
    width: 50% !important
}

.heroimage.greatstuff-view .container .heroImage-Text h1.heroImage-Text_heading {
    margin: 0;
    width: 100%;
    font-size: 30px;
    font-family: 'APKProtocol Medium';
    line-height: .93;
    letter-spacing: 1.5px;
    position: inherit;
    margin-bottom: 20px;
    font-weight: bold
}

.heroimage.greatstuff-view .container .heroImage-Text .heroImage-Text_subtext {
    margin: 0 !important;
    width: auto;
    padding: 10px
}

@media screen and (max-width:1024px) {
    .heroimage.greatstuff-view .container {
        top: 40%
    }

    .heroimage.greatstuff-view .container .heroImage-Text h1.heroImage-Text_heading {
        font-size: 22px
    }
}

@media screen and (max-width:991px) {
    .heroimage.greatstuff-view .container {
        top: 30%
    }

    .heroimage.greatstuff-view .container .heroImage-Text h1.heroImage-Text_heading {
        font-size: 20px
    }
}

@media screen and (max-width:767px) {
    .heroimage.greatstuff-view .container {
        top: 40%
    }

    .heroimage.greatstuff-view .container .heroImage-Text {
        width: 100% !important
    }

    .heroimage.greatstuff-view .container .heroImage-Text h1.heroImage-Text_heading {
        width: 100% !important;
        font-size: 18px !important;
        padding: 0 !important
    }
}

@media(min-width:576px) {
    .heroimage #exitModal .modal-dialog {
        max-width: 50%
    }
}

.homepage-hero {
    height: 600px;
    width: 100%;
    position: relative;
    display: inline-block
}

.homepage-hero .parallax-container {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden
}

.homepage-hero .parallax-container .parallax-img {
    height: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 100%;
    position: absolute;
    width: 100%
}

@media(max-width:767px) {
    .homepage-hero .heroImage_container {
        max-width: none;
        padding: 0
    }
}

.homepage-hero .heroImage_container .content-teaser {
    position: absolute;
    z-index: 2;
    width: 305px;
    padding: 34px;
    color: #fff
}

.homepage-hero .heroImage_container .content-teaser .heroImage-Text_subtext,
.homepage-hero .heroImage_container .content-teaser .heroImage-Text_Link {
    display: none
}

@media(max-width:767px) {
    .homepage-hero .heroImage_container .content-teaser {
        width: 100%;
        padding-bottom: 61px;
        margin: 47% 0 0
    }
}

.homepage-hero .heroImage_container .content-teaser .ct-title {
    color: white
}

.homepage-hero .heroImage_container .content-teaser .heroImage-parallaxText {
    display: none
}

.homepage-hero .heroImage_container .content-teaser .heroImage-Text_btnLink {
    display: none;
    background-color: transparent;
    border: transparent
}

.homepage-hero .heroImage_container .content-teaser .heroImage-Text_btnLink.arrow:before {
    content: '\003c';
    padding-right: .5rem;
    vertical-align: middle;
    height: 1.1rem;
    width: .2rem
}

.homepage-hero .jumpLink {
    bottom: 23px;
    position: absolute;
    left: 50%;
    z-index: 5;
    margin-left: -12px
}

.homepage-hero .jumpLink a {
    position: relative
}

.homepage-hero .bottom-graphics {
    position: absolute;
    width: 100%;
    height: 20%;
    z-index: 3;
    bottom: 0;
    background-image: linear-gradient(rgba(18, 68, 109, 0), rgba(18, 68, 109, 0.3))
}

.homepage-hero .bottom-graphics:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 23px;
    z-index: 4;
    bottom: -2px;
    left: 0;
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/lowerBorder.png);
    background-repeat: no-repeat;
    background-position: right
}

.homepage-hero .bottom-graphics:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 23px;
    z-index: 4;
    bottom: -2px;
    right: 0;
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/lowerBorder.png);
    background-repeat: no-repeat;
    background-position: right;
    transform: scale(-1, 1)
}

.heroimage .heroview {
    background-repeat: no-repeat;
    background-size: cover
}

.heroimage .hero__gradiant {
    width: 100%
}

.heroimage .hero__gradiant.hero_linearGradient {
    background-image: linear-gradient(transparent, #102537);
    text-align: center;
    height: 100%
}

.heroimage .hero__gradiant>.page-container {
    min-height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.heroimage .hero__gradiant>.page-container h1 {
    margin-bottom: 20%
}

.heroimage .hero__gradiant .heroImage-Text_subtext {
    display: none
}

.heroimage .hero__gradiant .heroImage-Text_Link {
    display: none
}

.heroimage .hero__secondary-nav {
    text-align: left;
    width: 100%;
    height: 3.25rem;
    background-color: #12446d;
    transition: width 100ms ease-in-out;
    display: flex;
    align-items: center;
    z-index: 8
}

.heroimage .hero__secondary-nav .hero__container {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.heroimage .hero__secondary-nav .hero__container.hero--wrap {
    flex-direction: row
}

.heroimage .hero__secondary-nav .hero__container.page-container {
    max-width: 45rem;
    width: 100%;
    margin: 0 auto;
    padding-right: 3.125rem;
    padding-left: 3.125rem
}

.heroimage .hero__secondary-nav .hero__container.page-container .hero__secondary-nav-wrapper {
    display: inline-flex;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    position: relative
}

.heroimage .hero__secondary-nav .hero__container.page-container .hero__secondary-nav-wrapper a {
    color: #fff;
    font-size: 14px;
    margin-right: 2.5rem
}

.heroimage .hero__secondary-nav .hero__container.page-container .hero__secondary-nav-wrapper a:last-of-type {
    margin-right: 0
}

.heroimage .hero__secondary-nav .hero__container.page-container .hero__secondary-nav-wrapper:after {
    content: '';
    height: 24px;
    width: 20px;
    display: block;
    background: linear-gradient(to right, rgba(18, 68, 109, 0), #12446d);
    position: absolute;
    right: 0
}

.heroimage .hero__secondary-nav a.btn {
    color: #fff;
    font-size: 14px;
    padding: .5rem 1rem;
    border: 1px solid #FFF
}

.heroimage .hero--lv2 .hero__gradiant .hero_thirdnav,
.heroimage .hero--lv3 .hero__gradiant .hero_thirdnav,
.heroimage .hero--pdp .hero__gradiant .hero_thirdnav,
.heroimage .hero--brand .hero__gradiant .hero_thirdnav {
    content: '';
    display: block;
    width: 45rem;
    background-color: #fff;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 30px
}

.heroimage .hero--lv2 .hero_optionalnav,
.heroimage .hero--lv3 .hero_optionalnav,
.heroimage .hero--pdp .hero_optionalnav {
    width: 45rem;
    margin: 0 auto;
    max-width: 100%
}

.heroimage .hero--lv2,
.heroimage .hero--lv3,
.heroimage .hero--pdp {
    margin-bottom: 15px
}

.heroimage .hero_optionalnav {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0
}

.heroimage .hero--lv3 .hero__gradiant {
    background-image: none !important;
    background-color: rgba(33, 122, 198, 0.85)
}

.heroimage .hero--pdp,
.heroimage .hero--pdp .hero__gradiant {
    background-image: none !important;
    background-color: #217ac6
}

.heroimage .heroview.hero--brand .hero__secondary-nav {
    display: none
}

.heroimage .selectric-wrapper {
    display: none
}

.heroimage.cmp-image.text-singleLine-EI .title-alignment {
    max-width: 100% !important;
    flex: 0 0 100% !important
}

.heroimage.cmp-image.no-opacity .herobgImage::before {
    opacity: 0
}

.heroimage.cmp-image.top-left-background .herobgImage {
    background-position: left center
}

.heroimage.cmp-image.hero_Left.hero_Top .heroImage-Text,
.heroimage.cmp-image.hero_Left.hero_Top .homepage-hero .heroImage_container .content-teaser {
    top: 0
}

.heroimage.cmp-image.hero_Left.hero_Top .heroImage-Text.heroImage_HalfText,
.heroimage.cmp-image.hero_Left.hero_Top .homepage-hero .heroImage_container .content-teaser.heroImage_HalfText {
    top: 0
}

.heroimage.cmp-image.hero_Left.hero_Top .hero-video-content {
    top: 0;
    padding-top: 10%;
    padding-left: 2%
}

@media(max-width:767px) {
    .heroimage.cmp-image.hero_Left.hero_Top .hero-video-content {
        padding-top: 15px;
        padding-left: 33px
    }
}

.heroimage.cmp-image.hero_Left.hero_Middle .heroImage-Text,
.heroimage.cmp-image.hero_Left.hero_Middle .homepage-hero .heroImage_container .content-teaser,
.heroimage.cmp-image.hero_Left.hero_Middle .hero-video-content {
    transform: translateY(50%);
    bottom: 50%
}

.heroimage.cmp-image.hero_Left.hero_Middle .hero-video-content {
    transform: translateY(50%);
    bottom: 50%;
    padding-left: 2%
}

@media(max-width:767px) {
    .heroimage.cmp-image.hero_Left.hero_Middle .hero-video-content {
        padding-left: 33px
    }
}

.heroimage.cmp-image.hero_Left.hero_Bottom .heroImage-Text,
.heroimage.cmp-image.hero_Left.hero_Bottom .homepage-hero .heroImage_container .content-teaser,
.heroimage.cmp-image.hero_Left.hero_Bottom .hero-video-content {
    bottom: 0;
    padding-bottom: 4%
}

.heroimage.cmp-image.hero_Left.hero_Bottom .heroImage-Text.heroImage_HalfText,
.heroimage.cmp-image.hero_Left.hero_Bottom .homepage-hero .heroImage_container .content-teaser.heroImage_HalfText,
.heroimage.cmp-image.hero_Left.hero_Bottom .hero-video-content.heroImage_HalfText {
    bottom: 0
}

.heroimage.cmp-image.hero_Left.hero_Bottom .hero-video-content {
    bottom: 0;
    padding-left: 2%
}

@media(max-width:767px) {
    .heroimage.cmp-image.hero_Left.hero_Bottom .hero-video-content {
        padding-left: 33px
    }
}

.heroimage.cmp-image.hero_Center.hero_Top .heroImage-Text {
    top: 0
}

.heroimage.cmp-image.hero_Center.hero_Top .heroImage-Text.heroImage_HalfText {
    top: 0;
    margin-left: 25%
}

.heroimage.cmp-image.hero_Center.hero_Top .homepage-hero .heroImage_container .content-teaser {
    top: 0;
    margin-left: 35%
}

.heroimage.cmp-image.hero_Center.hero_Top .hero-video-content {
    top: 0;
    margin-left: 25%;
    padding-top: 10%
}

@media(max-width:1024px) and (min-width:768px) {
    .heroimage.cmp-image.hero_Center.hero_Top .hero-video-content {
        margin-left: 15%;
        padding-top: 0
    }
}

@media(max-width:767px) {
    .heroimage.cmp-image.hero_Center.hero_Top .hero-video-content {
        margin: 0;
        padding-top: 0
    }
}

.heroimage.cmp-image.hero_Center.hero_Middle .heroImage-Text {
    transform: translateY(50%);
    bottom: 50%
}

.heroimage.cmp-image.hero_Center.hero_Middle .heroImage-Text.heroImage_HalfText {
    margin-left: 25%
}

.heroimage.cmp-image.hero_Center.hero_Middle .homepage-hero .heroImage_container .content-teaser {
    transform: translateY(50%);
    bottom: 50%;
    margin-left: 35%
}

.heroimage.cmp-image.hero_Center.hero_Middle .hero-video-content {
    transform: translateY(50%);
    bottom: 50%;
    margin-left: 25%
}

@media(max-width:767px) {
    .heroimage.cmp-image.hero_Center.hero_Middle .hero-video-content {
        margin: 0
    }
}

@media(max-width:1024px) and (min-width:768px) {
    .heroimage.cmp-image.hero_Center.hero_Middle .hero-video-content {
        margin-left: 15%;
        padding-top: 0
    }
}

.heroimage.cmp-image.hero_Center.hero_Bottom .heroImage-Text {
    bottom: 0;
    padding-bottom: 4%
}

@media(max-width:767px) {
    .heroimage.cmp-image.hero_Center.hero_Bottom .heroImage-Text {
        padding-bottom: 0
    }
}

.heroimage.cmp-image.hero_Center.hero_Bottom .heroImage-Text.heroImage_HalfText {
    margin-left: 25%
}

.heroimage.cmp-image.hero_Center.hero_Bottom .homepage-hero .heroImage_container .content-teaser,
.heroimage.cmp-image.hero_Center.hero_Bottom .hero-video-content {
    bottom: 0;
    padding-bottom: 4%;
    margin-left: 35%
}

.heroimage.cmp-image.hero_Center.hero_Bottom .hero-video-content {
    bottom: 0;
    margin-left: 25%;
    padding-bottom: 4%
}

@media(max-width:767px) {
    .heroimage.cmp-image.hero_Center.hero_Bottom .hero-video-content {
        margin: 0
    }
}

@media(max-width:1024px) and (min-width:768px) {
    .heroimage.cmp-image.hero_Center.hero_Bottom .hero-video-content {
        margin-left: 15%;
        padding-top: 0
    }
}

.heroimage.cmp-image.hero_Right.hero_Top .heroImage-Text {
    top: 0
}

.heroimage.cmp-image.hero_Right.hero_Top .heroImage-Text.heroImage_HalfText {
    top: 0;
    right: 0
}

.heroimage.cmp-image.hero_Right.hero_Top .homepage-hero .heroImage_container .content-teaser {
    top: 0;
    right: 0
}

.heroimage.cmp-image.hero_Right.hero_Top .hero-video-content {
    top: 2%;
    right: 4%;
    padding-top: 10%
}

@media(max-width:767px) {
    .heroimage.cmp-image.hero_Right.hero_Top .hero-video-content {
        right: 0;
        padding-top: 0;
        padding-right: 33px
    }
}

.heroimage.cmp-image.hero_Right.hero_Middle .heroImage-Text {
    transform: translateY(50%);
    bottom: 50%
}

.heroimage.cmp-image.hero_Right.hero_Middle .heroImage-Text.heroImage_HalfText {
    right: 0
}

.heroimage.cmp-image.hero_Right.hero_Middle .homepage-hero .heroImage_container .content-teaser {
    transform: translateY(50%);
    bottom: 50%;
    right: 0
}

.heroimage.cmp-image.hero_Right.hero_Middle .hero-video-content {
    transform: translateY(50%);
    bottom: 50%;
    right: 4%
}

@media(max-width:767px) {
    .heroimage.cmp-image.hero_Right.hero_Middle .hero-video-content {
        right: 0;
        padding-right: 33px
    }
}

.heroimage.cmp-image.hero_Right.hero_Bottom .heroImage-Text {
    bottom: 0;
    padding-bottom: 4%
}

.heroimage.cmp-image.hero_Right.hero_Bottom .heroImage-Text.heroImage_HalfText {
    right: 0
}

.heroimage.cmp-image.hero_Right.hero_Bottom .homepage-hero .heroImage_container .content-teaser {
    bottom: 0;
    right: 0
}

.heroimage.cmp-image.hero_Right.hero_Bottom .hero__gradiant>.hero__container {
    bottom: 0;
    right: 0;
    padding-bottom: 4%
}

.heroimage.cmp-image.hero_Right.hero_Bottom .hero-video-content {
    bottom: 0;
    right: 4%;
    padding-bottom: 4%
}

@media(max-width:767px) {
    .heroimage.cmp-image.hero_Right.hero_Bottom .hero-video-content {
        right: 0;
        padding-bottom: 2%;
        padding-right: 33px
    }
}

.heroimage.cmp-image.herotext_Left .heroImage-Text,
.heroimage.cmp-image.herotext_Left .content-teaser,
.heroimage.cmp-image.herotext_Left .hero-video-content {
    text-align: left
}

.heroimage.cmp-image.herotext_Right .heroImage-Text,
.heroimage.cmp-image.herotext_Right .content-teaser,
.heroimage.cmp-image.herotext_Right .hero-video-content {
    text-align: right
}

.heroimage.cmp-image.herotext_Center .heroImage-Text,
.heroimage.cmp-image.herotext_Center .content-teaser {
    text-align: center
}

.heroimage.cmp-image.hero_Top .heroImage-Text {
    top: 5%
}

.heroimage.cmp-image.hero_Middle .heroImage-Text {
    transform: translateY(50%);
    bottom: 50%
}

.heroimage.cmp-image.hero_Bottom .heroImage-Text {
    bottom: 0
}

.heroimage.cmp-image.heroImage_subtext .heroImage-Text_subtext {
    display: block;
    margin-bottom: 20px
}

@media(max-width:767px) {
    .heroimage.cmp-image.heroImage_subtext .heroImage-Text_subtext h3 {
        font-size: 20px
    }
}

.heroimage.cmp-image.heroImage_subtext .heroImage-parallaxText {
    display: block
}

.heroimage.cmp-image.heroImage_Link .heroImage-Text_Link,
.heroimage.cmp-image.heroImage_Link .heroImage_Button,
.heroimage.cmp-image.heroImage_Link .heroImage-Text_btnLink {
    display: inline
}

.heroimage.cmp-image.heroImage_TextbgColor .heroImage-Text,
.heroimage.cmp-image.heroImage_TextbgColor .content-teaser {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0, rgba(0, 0, 0, 0.58))
}

.heroimage.cmp-image.heroImage_Overlay .video-content-overlay {
    display: block
}

.hero-img-vedio-button {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    height: 100%
}

.hero-img-vedio-button h1.hero-img-text {
    margin-bottom: 1em
}

.hero-img-vedio-button a.hero-img-text-link.Learn-More {
    color: #fff;
    border: 1px solid;
    border-radius: 23px 23px 23px;
    padding: .5em;
    text-decoration: none;
    padding: 1em 4em
}

.hero-img-vedio-button .Products-for-people {
    position: absolute;
    color: #fff;
    width: 47%;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width:768px) {
    .hero-img-vedio-button h1.hero-img-text {
        font-family: APKProtocol Regular;
        font-size: 32px;
        text-align: center;
        line-height: 38px;
        letter-spacing: -0.5px;
        color: #fff
    }

    .hero-img-vedio-button a.hero-img-text-link.Learn-More {
        padding: 1em
    }
}

@media screen and (min-width:769px) {
    .hero-img-vedio-button h1.hero-img-text {
        font-family: APKProtocol Regular;
        font-size: 60px;
        text-align: center;
        line-height: 64px;
        letter-spacing: 0;
        color: #fff
    }
}

.hero-img-vedio-button a.cta.hero-img-text-link.Learn-More {
    cursor: pointer
}

.heroImageWithVideoModal .modal-close {
    color: #fff;
    font-size: xx-large;
    padding: 2% 2% 0 0;
    cursor: pointer;
    right: 0;
    position: fixed;
    z-index: 1
}

@media screen and (max-width:978px) {
    .heroImageWithVideoModal .modal-close {
        right: 2%
    }
}

.heroImageWithVideoModal .modal-content {
    background: 0;
    border: 0;
    height: 100% !important;
    position: absolute
}

.heroImageWithVideoModal .modal-content .modal-header {
    display: none
}

.heroImageWithVideoModal .modal-content .modal-body {
    padding: 0;
    overflow: hidden
}

.heroImageWithVideoModal .modal-content .modal-body .ekko-lightbox-container {
    position: fixed;
    text-align: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.heroImageWithVideoModal .modal-content .modal-body .ekko-lightbox-container div {
    position: absolute;
    width: 100%;
    height: 100%
}

.heroImageWithVideoModal .modal-content .modal-body .ekko-lightbox-container div .embed-responsive {
    position: static
}

.heroImageWithVideoModal .modal-content .modal-body .ekko-lightbox-container div .embed-responsive:before {
    display: none;
    padding-top: 0
}

.heroImageWithVideoModal .modal-content .modal-body .ekko-lightbox-container div iframe {
    position: relative;
    width: 80% !important;
    height: 80% !important;
    left: 0;
    top: 10%;
    margin: auto
}

@media screen and (max-width:768px) {
    .heroImageWithVideoModal .modal-content .modal-body .ekko-lightbox-container div iframe {
        height: 40% !important;
        width: 90% !important;
        top: 30%
    }
}

@media screen and (min-width:768px) {
    .heroImageWithVideoModal .modal-dialog {
        max-width: 100% !important
    }
}

.pbs-container-wapper .heroImage_Img:not(.hero-img-vedio-button) {
    overflow: hidden
}

.pbs-container-wapper .heroImage_Img:not(.hero-img-vedio-button) .heroImage-Text {
    position: absolute;
    height: 100%;
    top: -16%;
    padding-left: 10px;
    width: 93%
}

.pbs-container-wapper .heroImage_Img:not(.hero-img-vedio-button) .heroImage-Text .heroImage-Text_subtext {
    margin-top: 14%
}

@media screen and (max-width:575px) {
    .pbs-container-wapper .heroImage_Img:not(.hero-img-vedio-button) .heroImage-Text {
        padding-left: 8%
    }
}

@media screen and (max-width:330px) {
    .pbs-container-wapper .heroImage_Img:not(.hero-img-vedio-button) .heroImage-Text {
        top: -25%
    }
}

@media screen and (min-width:768px) and (max-width:835px) {
    .pbs-container-wapper .heroImage_Img:not(.hero-img-vedio-button) .heroImage-Text .heroImage-Text_subtext {
        margin-top: 0
    }
}

@media screen and (min-width:768px) {
    .pbs-container-wapper .heroImage_Img:not(.hero-img-vedio-button) .heroImage-Text {
        top: -35%
    }
}

.pbs-container-wapper a:hover {
    color: #beff00
}

.heroimage .transportation-hero-video {
    line-height: .5
}

.heroimage .heroImage-Text .heroImage_Button:hover {
    background-color: red
}

.heroBreadcum:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #000, #000);
    opacity: .2;
    z-index: -2
}

.heroBreadcum .foundation-breadcrumb li:last-child:after {
    content: ''
}

.videoCtaBtn {
    display: inline !important;
    margin-top: 64px !important;
    font-family: APKProtocol Regular !important
}

.videoCtaBtn a:hover {
    color: #fff
}

.videoCtaBtn:hover {
    background-color: #beff00 !important
}

.ctaIcons {
    padding-right: 15px
}

.hero-video-modal .modal-backdrop {
    opacity: 1
}

.hero-video-modal .modal {
    text-align: center
}

.hero-video-modal .modal .modal-dialog {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0
}

.hero-video-modal .modal .modal-dialog .modal-content {
    border-radius: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.hero-video-modal .modal .modal-dialog .modal-header {
    border: 0;
    margin: 0;
    background-color: transparent;
    text-align: right
}

.hero-video-modal .modal .modal-dialog .modal-header button {
    display: inline-block;
    vertical-align: middle
}

.hero-video-modal .modal .modal-dialog .modal-body {
    padding: 0;
    margin: 0 auto;
    background-color: transparent
}

.hero-video-modal .modal.videoModal .modal-dialog {
    max-width: 940px;
    width: 100%
}

.hero-video-modal .modal.videoModal .modal-dialog .modal-content {
    background-color: grey
}

.hero-video-modal .modal.videoModal .modal-dialog .modal-body {
    margin: 0 auto;
    background-color: transparent;
    max-width: 832px;
    width: 100%;
    padding: 4px 15px 50px 15px
}

@media(max-width:767px) {
    .heroimage.cmp-image.hero_Center.hero_Bottom .heroBreadcum .heroImage-Text {
        padding-bottom: 8%
    }
}

.gated-blurred .gatingContainer {
    filter: blur(4px)
}

.gate-on-click .gatingContainer {
    cursor: pointer
}

.gate-on-click .gatingContainer * {
    pointer-events: none
}

.gated-modal-sm {
    max-width: 500px
}

.font-colorText {
    color: #128370
}

.modal-content button span {
    float: right;
    margin-right: 6px;
    font-size: xx-large
}

#dynamiclist .dynamiclistcol-1,
#manual-list .dynamiclistcol-1 {
    max-width: 100%;
    flex: 0 0 100%;
    border-bottom: 1px solid #ddd
}

#dynamiclist .dynamiclistcol-1 li,
#manual-list .dynamiclistcol-1 li {
    padding-top: 12px;
    padding-bottom: 12px
}

@media(min-width:650px) {

    #dynamiclist .dynamiclistcol-2,
    #manual-list .dynamiclistcol-2 {
        flex: 0 0 47%;
        max-width: 47%;
        margin-right: 15px
    }
}

@media(min-width:992px) {

    #dynamiclist .dynamiclistcol-3,
    #manual-list .dynamiclistcol-3 {
        flex: 0 0 28.5%;
        max-width: 28.5%;
        margin-right: 25px
    }
}

#dynamiclist .dynamiclistcol-4,
#manual-list .dynamiclistcol-4 {
    flex: 0 0 23%;
    max-width: 23%;
    margin-right: 15px
}

#dynamiclist .dynamiclistcol-2,
#manual-list .dynamiclistcol-2,
#dynamiclist .dynamiclistcol-4,
#manual-list .dynamiclistcol-4,
#dynamiclist .dynamiclistcol-3,
#manual-list .dynamiclistcol-3 {
    border-bottom: 1px solid #ddd
}

#dynamiclist .dynamiclistcol-2 li,
#manual-list .dynamiclistcol-2 li,
#dynamiclist .dynamiclistcol-4 li,
#manual-list .dynamiclistcol-4 li,
#dynamiclist .dynamiclistcol-3 li,
#manual-list .dynamiclistcol-3 li {
    padding-top: 12px;
    padding-bottom: 12px
}

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

    #dynamiclist .dynamiclistcol-2,
    #manual-list .dynamiclistcol-2,
    #dynamiclist .dynamiclistcol-4,
    #manual-list .dynamiclistcol-4,
    #dynamiclist .dynamiclistcol-3,
    #manual-list .dynamiclistcol-3 {
        flex: 0 0 47%;
        max-width: 47%;
        margin-right: 15px
    }
}

@media(max-width:650px) {

    #dynamiclist .dynamiclistcol-2,
    #manual-list .dynamiclistcol-2,
    #dynamiclist .dynamiclistcol-4,
    #manual-list .dynamiclistcol-4,
    #dynamiclist .dynamiclistcol-3,
    #manual-list .dynamiclistcol-3 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.ws-style-list.topborder .dynamiclistcol-3:nth-child(1),
.ws-style-list.topborder .dynamiclistcol-3:nth-child(2),
.ws-style-list.topborder .dynamiclistcol-3:nth-child(3) {
    border-top: 1px solid #ddd;
    border-bottom: 0
}

@media(min-width:651px) and (max-width:991px) {
    .ws-style-list.topborder .dynamiclistcol-3:nth-child(3) {
        border-top: 0
    }
}

@media(max-width:650px) {

    .ws-style-list.topborder .dynamiclistcol-3:nth-child(2),
    .ws-style-list.topborder .dynamiclistcol-3:nth-child(3) {
        border-top: 0
    }
}

.ws-style-list.topborder .dynamiclistcol-4:nth-child(1),
.ws-style-list.topborder .dynamiclistcol-4:nth-child(2),
.ws-style-list.topborder .dynamiclistcol-4:nth-child(3),
.ws-style-list.topborder .dynamiclistcol-4:nth-child(4) {
    border-top: 1px solid #ddd
}

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

    .ws-style-list.topborder .dynamiclistcol-4:nth-child(3),
    .ws-style-list.topborder .dynamiclistcol-4:nth-child(4) {
        border-top: 0
    }
}

@media(max-width:650px) {

    .ws-style-list.topborder .dynamiclistcol-4:nth-child(2),
    .ws-style-list.topborder .dynamiclistcol-4:nth-child(3),
    .ws-style-list.topborder .dynamiclistcol-4:nth-child(4) {
        border-top: 0
    }
}

.ws-style-list.topborder .dynamiclistcol-2:nth-child(1),
.ws-style-list.topborder .dynamiclistcol-2:nth-child(2) {
    border-top: 1px solid #ddd
}

@media(max-width:650px) {
    .ws-style-list.topborder .dynamiclistcol-2:nth-child(1) {
        border-top: 0
    }
}

.ws-style-list.topborder .dynamiclistcol-1:nth-child(1) {
    border-top: 1px solid #ddd
}

.img-at-right .imageTextLeftView .row {
    flex-direction: row-reverse
}

@media screen and (max-width:991px) {
    .img-at-right .imageTextLeftView .row {
        flex-direction: column-reverse;
        margin: 0
    }
}

.img-at-right .imageTextLeftView .textwrapImageLeft {
    padding: 6em 6em 6em 0
}

@media screen and (max-width:991px) {
    .img-at-right .imageTextLeftView .textwrapImageLeft {
        padding: 6em 23px
    }
}

@media screen and (max-width:768px) {
    .imageTextLeftView {
        padding: 0 !important
    }
}

@media screen and (min-width:768px) {
    .imageTextLeftView {
        padding-left: 1em
    }

    .imageTextLeftView .textwrapImageLeft {
        padding: 6em 2em 6em 6em
    }

    .imageTextLeftView h3.textImageLeft {
        margin: 2em 0
    }
}

.imageTextLeftView .textImageLeft p {
    font-family: "APKProtocol regular";
    font-size: 16px;
    line-height: 26px;
    color: white;
    letter-spacing: .1px
}

.imageTextLeftView .headingImageLeft {
    font-family: "APKProtocol Regular";
    font-size: 32px;
    line-height: 38px;
    color: #beff00;
    letter-spacing: -0.5px
}

.imageTextLeftView .component-cards--card.cardImage {
    background-size: unset
}

.imageTextLeftView .col-sm-12.col-lg-6.featuredBlock-col.test.image {
    background-size: auto
}

@media screen and (min-width:767px) {
    .backgroundSwapText {
        margin-left: 35em
    }
}

@media screen and (min-width:1024px) {
    .img-at-right .featuredBlockSwapView .row {
        flex-direction: row-reverse
    }
}

@media screen and (max-width:768px) {
    .featuredBlockSwapView {
        background-size: contain !important;
        padding-top: 10em !important
    }

    .featuredBlockSwapView .featuredBlock-col.no-se {
        margin-bottom: 0 !important
    }
}

.assetContent-trans .asset-txt-content_left span.right_arrow:after {
    content: '\279D';
    font-weight: bold;
    font-size: 1.25rem;
    top: 8px;
    position: absolute
}

.assetContent-trans .asset-txt.left_space {
    padding: 0 0 0 12.6%;
    margin: 0
}

.assetContent-trans .asset-txt.left_space .asset-txt-content_left {
    margin: 30px 0
}

.img-at-left .assetContent-trans .asset-txt.left_space {
    padding-left: 11.8%
}

.img-at-left .assetContent-trans .asset-txt.left_space {
    order: 2
}

.img-at-left .assetContent-trans .asse_rgt_img {
    order: 1
}

.img-at-left .assetContent-trans .asset-txt .asset-head_left_table:after {
    content: "";
    position: absolute;
    top: 45%;
    left: -60%;
    width: 167px;
    height: 1px;
    margin-top: -1px;
    background: #000
}

.assetContent-trans .asset-img.asse_rgt_img {
    position: relative
}

.assetContent-trans .asset-txt .asset-txt-content_left a.for_hov_red {
    font-family: APKProtocol Regular;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.assetContent-trans {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.img_overlay .assetContent-trans .asse_rgt_img .img_over_text {
    display: block;
    color: #000
}

.assetContent-trans .asse_rgt_img .img_over_text {
    display: none
}

.assetContent-trans .asset-txt {
    display: flex;
    align-items: center
}

.assetContent-trans .asset-txt h1.asset-head_left_table,
.assetContent-trans .asset-txt h1.asset-head_right_table {
    font-family: APKProtocol Regular;
    font-size: 2.625rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.assetContent-trans .asset-txt h1.asset-head_left_table {
    max-width: 70%;
    position: relative;
    margin: 0 0 16px 0
}

.assetContent-trans .asset-txt h1.asset-head_right_table {
    position: relative
}

.assetContent-trans .asset-txt .asset-head_right,
.assetContent-trans .asset-txt .asset-head_left {
    font-family: APKProtocol Regular;
    font-size: 2.625rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: .67;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding-bottom: 1.4375rem
}

.assetContent-trans .asset-txt .asset-txt-content_left p {
    font-family: APKProtocol regular;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: 0;
    text-align: left;
    color: #000;
    padding: 0 70px 0 0;
    margin-bottom: 2rem
}

.assetContent-trans .asset-txt p.learnmore_left {
    padding-left: 0;
    font-family: APKProtocol Regular;
    position: relative;
    padding-top: 16px !important
}

.assetContent-trans .asset-txt p.learnmore_right {
    position: relative;
    padding-left: 0;
    font-family: APKProtocol Regular
}

.assetContent-trans .asset-txt .asset-head_right_table:before {
    content: "";
    position: absolute;
    top: 27%;
    right: 100%;
    width: 150px;
    height: 1px;
    margin-top: -1px;
    background: #000
}

.assetContent-trans .asset-txt .asset-head_left_table:after {
    content: "";
    position: absolute;
    top: 45%;
    left: 111%;
    width: 167px;
    height: 1px;
    margin-top: -1px;
    background: #000
}

.assetContent-trans .asset-txt .asset-txt-content_left ul {
    list-style: none
}

.assetContent-trans .asset-txt .asset-txt-content_left>ul>li {
    font-family: APKProtocol regular;
    font-size: 1.125rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding: .625rem;
    padding-left: 0 !important;
    border-top: 1px solid #dee2e6;
    max-width: 80%
}

.assetContent-trans .asset-txt .asset-txt-content_left>ul>li>a {
    font-family: APKProtocol Regular;
    font-size: 1.125rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding: .625rem;
    padding-left: 0
}

.assetContent-trans .asset-txt .asset-txt-content_right>ul>li:first-child {
    border: 0
}

.assetContent-trans .asset-txt .asset-txt-content_right ul {
    list-style: none
}

.assetContent-trans .asset-txt .asset-txt-content_right>ul>li {
    font-family: APKProtocol regular;
    font-size: 1.125rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding: .625rem;
    padding-left: 0 !important;
    border-top: 1px solid #dee2e6;
    max-width: 80%
}

.assetContent-trans .asset-txt .asset-txt-content_right>ul>li>a {
    font-family: APKProtocol regular;
    font-size: 1.125rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding: .625rem;
    padding-left: 0
}

.assetContent-trans .asse_rgt_img .img_over_text {
    float: left;
    left: 12%;
    z-index: auto;
    max-width: 70%;
    font-family: APKProtocol Regular;
    font-size: 1.625rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    position: absolute;
    bottom: 20px
}

.assetContent-trans .asse_rgt_img .img_over_text p.small_title {
    font-family: APKProtocol Regular;
    font-size: .875rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left
}

.assetContent-trans .asse_lft_img .img_over_text p.small_title {
    font-family: APKProtocol Regular;
    font-size: .875rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left
}

.assetContent-trans .asset-txt .asset-txt-content_left>ul>li:first-child {
    border: 0
}

.assetContent-trans .asset-txt .asset-txt-content_left a.red_link {
    float: right;
    font-size: 1.25rem;
    right: 25%;
    position: absolute;
    top: 17px
}

.asset-img img {
    width: 100%
}

.assetContent-trans .asset-img {
    padding: 0;
    position: inherit
}

.assetContent-trans .asset-txt .asset-txt-content_left>ul>li>a:hover {
    color: #666 !important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .assetContent-trans .asset-img {
        order: 1
    }

    .assetContent-trans .asset-txt.left_space {
        order: 2
    }

    .assetContent-trans .asset-txt .asset-head_left_table:after {
        display: none
    }

    .assetContent-trans .asset-txt .asset-txt-content_left a.red_link {
        right: 3%;
        top: -5px
    }

    .assetContent-trans .asse_rgt_img {
        margin-bottom: -9px !important;
        margin-top: -1px !important
    }

    .img_overlay .assetContent-trans .asset-img {
        margin-bottom: -9px !important
    }

    .asset-img.asse_rgt_img img {
        height: auto
    }

    .assetContent-trans .asset-txt.left_space {
        padding-right: 0
    }

    .assetContent-trans {
        margin-bottom: -26px;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-top: 28px
    }

    .img-at-left .assetContent-trans {
        margin-bottom: -54px
    }

    .assetContent-trans .asset-txt.left_space {
        margin-bottom: 25px;
        margin-top: 9px
    }

    .img-at-left .assetContent-trans .asset-txt.left_space {
        margin-bottom: 25px
    }

    .cmp-featuredBlock.img-at-left.aem-GridColumn.aem-GridColumn--default--12 {
        margin-top: -27px;
        position: relative
    }

    .assetContent-trans .asset-txt h1.asset-head_right_table {
        position: relative
    }

    .assetContent-trans .asset-txt {
        padding-top: 2.1875rem
    }

    .assetContent-trans .asset-txt h1.asset-head_left {
        padding-bottom: 1.25rem
    }

    .assetContent-trans .asset-txt .asset-txt-content_left p {
        font-family: APKProtocol regular;
        font-size: 1rem;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: 0;
        text-align: left;
        color: #000;
        padding: 0
    }

    .assetContent-trans .asset-txt.left_space {
        padding: 41px 33px 41px 33px !important
    }

    p.learnmore_left.for_hov_red {
        margin-bottom: 0 !important
    }

    .img_overlay .assetContent-trans .asset-txt h1.asset-head_left_table {
        max-width: 95%
    }
}

@media only screen and (min-width:992px) and (max-width:1023px) {
    .assetContent-trans .asset-img {
        order: 2
    }

    .assetContent-trans .asset-txt.left_space {
        order: 1
    }

    .assetContent-trans .asset-txt.left_space span.body1 {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .assetContent-trans .asset-txt.left_space,
    .img-at-left .assetContent-trans .asset-txt.left_space {
        padding-left: 10% !important
    }

    .img_overlay .assetContent-trans .asset-txt.left_space {
        padding-left: 6% !important
    }

    .img_overlay.img-at-left .assetContent-trans .asset-txt.left_space {
        padding-left: 6% !important;
        margin-bottom: 25px !important
    }

    .img_overlay .assetContent-trans .asset-txt h1.asset-head_left_table {
        max-width: 80%
    }

    .assetContent-trans {
        margin-bottom: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .assetContent-trans .asset-txt .asset-txt-content_left a.red_link {
        right: 20%
    }

    .assetContent-trans .asse_rgt_img {
        margin-bottom: 0 !important
    }

    .img-at-left .assetContent-trans .asset-txt.left_space {
        margin-bottom: 60px !important
    }

    .cmp-featuredBlock.img-at-left.aem-GridColumn.aem-GridColumn--default--12 {
        top: -10px;
        position: relative;
        margin-bottom: 0
    }

    .assetContent-trans .asset-txt .asset-head_left_table.for_hov_red:after {
        content: "";
        position: absolute;
        top: 32%;
        left: 123%;
        width: 80px;
        height: 1px;
        margin-top: -1px;
        background: #000
    }

    .img-at-left .assetContent-trans .asset-txt .asset-head_left_table.for_hov_red:after {
        content: "";
        position: absolute;
        top: 30%;
        left: -45%;
        width: 80px;
        height: 1px;
        margin-top: -1px;
        background: #000
    }

    .img_overlay .assetContent-trans .asset-txt .asset-head_left_table.for_hov_red:after {
        left: 110%
    }

    .img_overlay.img-at-left .assetContent-trans .asset-txt .asset-head_left_table.for_hov_red:after {
        left: -25%
    }
}

@media only screen and (min-width:1024px) and (max-width:1140px) {
    .img_overlay .assetContent-trans .asset-img img {
        height: 100%
    }

    .img-at-left .assetContent-trans .asset-txt .asset-head_left_table:after {
        top: 30%;
        left: -40%;
        width: 100px
    }

    .assetContent-trans .asset-txt.left_space span.body1 {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .assetContent-trans .asset-txt.left_space {
        padding-left: 9%;
        padding-right: 0
    }

    .img-at-left .assetContent-trans .asset-txt.left_space {
        padding-left: 9%
    }

    .img_overlay .assetContent-trans .asset-txt h1.asset-head_left_table {
        max-width: 90%
    }

    .assetContent-trans .asset-txt h1.asset-head_left_table {
        max-width: 80%
    }

    .assetContent-trans .asset-txt .asset-head_left_table:after {
        content: "";
        position: absolute;
        top: 30%;
        left: 108%;
        width: 100px;
        height: 1px;
        background: #000
    }

    .img_overlay .assetContent-trans .asset-txt .asset-head_left_table:after {
        content: "";
        position: absolute;
        top: 30%;
        left: 95%;
        width: 100px;
        height: 1px;
        background: #000
    }

    .img_overlay.img-at-left .assetContent-trans .asset-txt .asset-head_left_table:after {
        content: "";
        position: absolute;
        top: 30%;
        left: -35%;
        width: 100px;
        height: 1px;
        background: #000
    }
}

@media only screen and (min-width:600px) and (max-width:767px) {
    .img_overlay .mb-4.asset-img.asse_rgt_img {
        margin-bottom: 0 !important
    }

    .img_overlay.img-at-left .assetContent-trans .asset-txt.left_space {
        margin-bottom: 10px
    }

    .assetContent-trans .asset-txt .asset-txt-content_left a.red_link {
        right: 3.5%;
        top: 13px
    }

    .assetContent-trans .asset-txt .asset-head_right_table:before {
        display: none
    }

    .assetContent-trans .asset-txt .asset-head_left_table:after {
        display: none
    }

    .assetContent-trans .asset-txt h1.asset-head_left_table {
        font-family: APKProtocol Regular;
        font-size: 2rem;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: .88;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    .assetContent-trans .asset-txt .asset-txt-content_left p {
        font-family: APKProtocol regular;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.71;
        letter-spacing: 0;
        text-align: left;
        color: #000
    }

    .assetContent-trans .asset-txt .asset-txt-content_left p.learnmore_left.for_hov_red {
        font-size: 1rem;
        font-family: APKProtocol Regular;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left
    }

    .asset-img.asse_rgt_img img {
        height: auto
    }

    .mb-4.asset-img.asse_rgt_img {
        margin-bottom: 0 !important;
        margin-top: 35px !important
    }

    .assetContent-trans .asset-txt.left_space {
        padding: 41px 34px 41px 33px !important
    }

    .assetContent-trans .asset-txt .asset-txt-content_left {
        padding: 0
    }

    .assetContent-trans {
        margin-bottom: 2px !important;
        margin-top: -36px
    }

    .img-at-left .assetContent-trans {
        margin-bottom: 2px !important;
        margin-top: -62px
    }

    .category-bgImage {
        margin-top: -26px
    }

    .img-at-left .assetContent-trans .asset-txt.left_space {
        margin-top: 0
    }

    .assetContent-trans .asset-txt.left_space {
        margin-top: 0
    }

    .img-at-left .assetContent-trans .asset-txt.left_space {
        margin-bottom: 0
    }

    .assetContent-trans .asse_rgt_img {
        margin-top: 0
    }

    .assetContent-trans .asset-txt.left_space p.learnmore_left.for_hov_red {
        margin-bottom: 0 !important
    }

    .assetContent-trans .asset-txt .asset-txt-content_left p {
        padding-right: 0
    }
}

@media only screen and (max-width:599px) {
    .assetContent-trans .asset-txt .asset-txt-content_left>ul>li>a {
        font-family: APKProtocol Regular;
        font-size: .875rem;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.14;
        letter-spacing: normal;
        text-align: left
    }

    .asset-txt-content_left.common_parent span.fontsize14 {
        font-size: .875rem
    }

    .img_overlay .assetContent-trans .asset-txt h1.asset-head_left_table {
        max-width: 99%;
        line-height: 1.2
    }

    .img_overlay .mb-4.asset-img.asse_rgt_img {
        margin-bottom: -1px !important
    }

    .img_overlay.img-at-left .assetContent-trans .asset-txt.left_space {
        margin-bottom: 10px
    }

    .assetContent-trans .asset-txt .asset-txt-content_left a.red_link {
        right: 6%;
        top: 13px
    }

    .assetContent-trans .asset-txt .asset-head_right_table:before {
        display: none
    }

    .assetContent-trans .asset-txt .asset-head_left_table:after {
        display: none
    }

    .assetContent-trans .asset-txt h1.asset-head_left_table {
        font-family: APKProtocol Regular;
        font-size: 2rem;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    .assetContent-trans .asset-txt .asset-txt-content_left p {
        font-family: APKProtocol regular;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.71;
        letter-spacing: 0;
        text-align: left;
        color: #000
    }

    .assetContent-trans .asset-txt .asset-txt-content_left p.learnmore_left.for_hov_red {
        font-size: 1rem;
        font-family: APKProtocol Regular;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left
    }

    .asset-img.asse_rgt_img img {
        height: auto
    }

    .mb-4.asset-img.asse_rgt_img {
        margin-bottom: 0 !important;
        margin-top: 35px !important
    }

    .assetContent-trans .asset-txt.left_space {
        padding: 41px 34px 41px 33px !important
    }

    .assetContent-trans .asset-txt .asset-txt-content_left {
        padding: 0
    }

    .assetContent-trans {
        margin-bottom: 2px !important
    }

    .img-at-left .assetContent-trans {
        margin-bottom: 2px !important
    }

    .img-at-left .assetContent-trans .asset-txt.left_space {
        margin-top: 0
    }

    .assetContent-trans .asset-txt.left_space {
        margin-top: 0
    }

    .img-at-left .assetContent-trans .asset-txt.left_space {
        margin-bottom: -1px
    }

    .assetContent-trans .asse_rgt_img {
        margin-top: 0
    }

    .assetContent-trans .asset-txt.left_space p.learnmore_left.for_hov_red {
        margin-bottom: 0 !important
    }

    .assetContent-trans .asset-txt .asset-txt-content_left p {
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) and (max-width:1600px) {
    .img_overlay .assetContent-trans .asset-img {
        margin-bottom: 25px !important
    }

    .assetContent-trans .asset-txt .asset-txt-content_left p {
        font-family: APKProtocol regular;
        font-size: 1rem;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: 0;
        text-align: left;
        color: #000;
        padding: 0 78px 0 0;
        margin-bottom: 2rem
    }

    .assetContent-trans .asset-txt.left_space {
        padding-left: 13.6%;
        margin-bottom: 25px;
        padding-right: 0
    }

    .img-at-left .assetContent-trans .asset-txt.left_space {
        padding-left: 12.6%
    }

    .img-at-left .assetContent-trans .asset-txt .asset-head_left_table:after {
        content: "";
        top: 50%;
        left: -60%;
        width: 167px;
        height: 1px;
        margin-top: -1px;
        background: #000
    }

    .assetContent-trans .asset-txt .asset-head_left_table:after {
        content: "";
        top: 50%;
        left: 112%;
        width: 167px;
        height: 1px;
        margin-top: -1px;
        background: #000
    }

    .assetContent-trans .asset-txt h1.asset-head_left_table {
        margin: 0 0 23px 0
    }

    .assetContent-trans .asset-txt p.learnmore_left {
        padding-top: 23px
    }
}

@media only screen and (min-width:1601px) and (max-width:1920px) {
    .assetContent-trans .asset-txt .asset-head_left_table:after {
        left: 120%
    }

    .img-at-left .assetContent-trans .asset-txt .asset-head_left_table:after {
        left: -57%
    }
}

@media only screen and (min-width:1920px) {
    .assetContent-trans .asset-txt .asset-head_left_table:after {
        left: 120%
    }

    .img-at-left .assetContent-trans .asset-txt .asset-head_left_table:after {
        left: -55%
    }
}

.assetContent-trans .asset-txt-content_left .view_morelink {
    width: 100%;
    text-align: right;
    display: inline-block
}

.assetContent-trans .asset-txt-content_left .view_morelink p {
    margin: 10px 0 0;
    text-align: center;
    border: 1px solid #fff;
    display: inline;
    background-color: #beff00;
    padding: 10px 15px !important;
    border-radius: 25px;
    float: left;
    color: #fff;
    cursor: pointer
}

.assetContent-trans .asset-txt-content_left .view_morelink p:hover {
    color: #beff00;
    background-color: #fff;
    border: 1px solid #beff00
}

.assetContent-trans .asset-txt-content_left .learnmore_left a {
    font-size: 1rem;
    font-family: APKProtocol Regular;
    font-weight: normal
}

.assetContent-trans .asset-txt-content_left .learnmore_left a:hover {
    color: #666
}

.assetContent-trans .asset-txt-content_left .learnmore_left a:after {
    content: '\279D';
    padding-left: 12px;
    float: right
}

#trigger_featuredModal .modal-dialog {
    width: 50%
}

#trigger_featuredModal .modal-dialog .modal-header h4 {
    margin: 0
}

#trigger_featuredModal .modal-dialog .modal-body {
    margin: 30px;
    max-height: 300px;
    overflow-y: scroll
}

#trigger_featuredModal .modal-dialog .modal-body li {
    list-style-type: none;
    border-bottom: 1px solid #dee2e6;
    padding: .625rem;
    width: 80%
}

#trigger_featuredModal .modal-dialog .modal-body li:last-child {
    border-bottom: 0
}

#trigger_featuredModal .modal-dialog .modal-body li a {
    font-family: APKProtocol Regular;
    font-size: 1.125rem
}

#trigger_featuredModal .modal-dialog .modal-body li a:hover {
    color: #666
}

.img-at-left .assetContent-trans .asset-txt .asset-head_left_table:after {
    content: "";
    position: absolute;
    top: 45%;
    left: -60%;
    width: 167px;
    height: 1px;
    margin-top: -1px;
    background: #000;
    z-index: 1
}

.assetContent-trans .asset-txt .asset-head_left_table:after {
    content: "";
    position: absolute;
    top: 45%;
    left: 111%;
    width: 167px;
    height: 1px;
    margin-top: -1px;
    background: #000;
    z-index: 1
}

.assetContent-trans .asset-txt-content_left .learnmore_left a:after {
    content: '\279D';
    padding-left: 12px;
    float: right;
    margin-top: 9px
}

@media only screen and (min-width:992px) and (max-width:1400px) {
    .assetContent-trans .corporateLink {
        height: 100%
    }
}

.assetContent-trans .img_over_text a:hover {
    color: #666
}

.parallax-feature-block .featuredBlock {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed;
    position: relative;
    z-index: 0;
    padding-top: 96px;
    padding-bottom: 96px;
    height: 100%;
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

@media(max-width:767px) {
    .parallax-feature-block .featuredBlock {
        padding-top: 56px;
        padding-bottom: 56px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .parallax-feature-block .featuredBlock {
        padding-top: 72px;
        padding-bottom: 72px
    }
}

@media(max-width:1023px) {
    .parallax-feature-block .featuredBlock.container-fluid .container .row {
        margin: 0
    }
}

.parallax-feature-block .featuredBlock.container-fluid .container .row .no-se {
    padding: 96px 0
}

@media(max-width:768px) {
    .parallax-feature-block .featuredBlock.container-fluid .container .row .no-se {
        padding: 72px 0
    }
}

@media(max-width:576px) {
    .parallax-feature-block .featuredBlock.container-fluid .container .row .no-se {
        padding: 56px 0
    }
}

.parallax-feature-block .featuredBlock.container-fluid .container .row .featuredBlock-col {
    opacity: .85;
    margin-bottom: 0
}

.parallax-feature-block .featuredBlock.container-fluid .container .row .featuredBlock-col h2 {
    width: 100%;
    margin-bottom: 56px
}

@media(max-width:768px) {
    .parallax-feature-block .featuredBlock.container-fluid .container .row .featuredBlock-col h2 {
        margin-bottom: 48px
    }
}

@media(max-width:576px) {
    .parallax-feature-block .featuredBlock.container-fluid .container .row .featuredBlock-col h2 {
        margin-bottom: 32px
    }
}

.parallax-feature-block .featuredBlock.container-fluid .container .row .featuredBlock-col .subheadline {
    margin-bottom: 24px
}

@media(max-width:768px) {
    .parallax-feature-block .featuredBlock.container-fluid .container .row .featuredBlock-col .subheadline {
        margin-bottom: 16px
    }
}

@media(max-width:1023px) {
    .parallax-feature-block .featuredBlock.container-fluid .container .row .featuredBlock-col .subheadline .eyebrow {
        font-size: 14px
    }
}

.parallax-feature-block .featuredBlock.container-fluid .container .row .featuredBlock-col .featuredBlock-text-area {
    margin: 0 auto;
    padding: 0
}

@media(max-width:576px) {
    .parallax-feature-block .featuredBlock.container-fluid .container .row .featuredBlock-col .featuredBlock-text-area {
        padding: 0 25px
    }
}

.parallax-feature-block .featuredBlock.container-fluid .container .row.float {
    justify-content: center;
    text-align: center
}

@media(max-width:576px) {
    .parallax-feature-block .featuredBlock.container-fluid .container .row.float .col-12 {
        max-width: 100%;
        flex: 0 0 100%
    }
}

.cmp-featuredBlock.contain_image .image-carousal-view .images-block .main-image img {
    object-fit: contain
}

.cmp-featuredBlock.contain_image .image-carousal-view .images-block .carousal-wrap .carsl-item .thumb {
    object-fit: contain
}

@media screen and (min-width:768px) {
    .cmp-featuredBlock.contain_image .image-carousal-view .text-block {
        margin: auto
    }
}

.image-carousal-view {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0;
    overflow: hidden
}

@media screen and (max-width:768px) {
    .image-carousal-view {
        background-color: unset !important
    }
}

.image-carousal-view .container {
    flex-direction: row;
    display: flex
}

@media screen and (max-width:960px) {
    .image-carousal-view .container {
        padding: 0 30px
    }
}

@media screen and (max-width:768px) {
    .image-carousal-view .container {
        flex-direction: column;
        padding: 0 15px
    }
}

.image-carousal-view .container .mobile-texts {
    display: block
}

.image-carousal-view .container .mobile-texts h3 {
    font-family: "APKProtocol Medium"
}

@media screen and (min-width:768px) {
    .image-carousal-view .container .mobile-texts {
        display: none
    }
}

.image-carousal-view .container .images-block {
    width: 50%;
    padding-right: 5%
}

@media screen and (max-width:768px) {
    .image-carousal-view .container .images-block {
        width: 100%;
        padding-right: 0
    }
}

.image-carousal-view .container .images-block .main-image {
    width: 100%;
    height: 350px;
    margin-bottom: 20px;
    position: relative
}

@media screen and (max-width:768px) {
    .image-carousal-view .container .images-block .main-image {
        width: calc(100% + 30px);
        height: 300px;
        margin-left: -15px;
        margin-right: -15px
    }
}

.image-carousal-view .container .images-block .main-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    display: none
}

.image-carousal-view .container .images-block .main-image .play-icon {
    background-image: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/Play-Button.svg");
    width: 60px;
    background-size: contain;
    height: 60px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    display: none;
    cursor: pointer
}

.image-carousal-view .container .images-block .carousal-wrap {
    width: calc(100% + 16px);
    margin-left: -8px
}

@media screen and (max-width:768px) {
    .image-carousal-view .container .images-block .carousal-wrap {
        width: calc(100% - 30px);
        margin-left: 15px
    }
}

.image-carousal-view .container .images-block .carousal-wrap .img-wraps .slick-prev {
    left: -30px
}

.image-carousal-view .container .images-block .carousal-wrap .img-wraps .slick-prev:before {
    content: "";
    background-image: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/left-arrow.svg");
    width: 30px;
    height: 30px;
    display: block;
    background-size: contain;
    margin-top: -5px;
    margin-left: 5px
}

.image-carousal-view .container .images-block .carousal-wrap .img-wraps .slick-next:before {
    content: "";
    background-image: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/right-arrow.svg");
    width: 30px;
    height: 30px;
    display: block;
    background-size: contain;
    margin-top: -5px;
    margin-left: -10px
}

.image-carousal-view .container .images-block .carousal-wrap .carsl-item {
    width: 120px;
    height: 80px;
    position: relative;
    padding: 0 8px;
    cursor: pointer
}

.image-carousal-view .container .images-block .carousal-wrap .carsl-item .thumb {
    width: 100%;
    object-fit: cover;
    height: 100%
}

.image-carousal-view .container .images-block .carousal-wrap .carsl-item .play-icon {
    width: 40px;
    object-fit: contain;
    height: 40px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%
}

.image-carousal-view .container .text-block {
    width: 50%
}

@media screen and (max-width:768px) {
    .image-carousal-view .container .text-block {
        width: 100%;
        margin-top: 20px
    }
}

.image-carousal-view .container .text-block h3 {
    font-family: "APKProtocol Medium"
}

@media screen and (max-width:768px) {
    .image-carousal-view .container .text-block h3 {
        display: none
    }
}

@media screen and (max-width:768px) {
    .image-carousal-view .container .text-block h4 {
        display: none
    }
}

.image-carousal-view .container .text-block .desc {
    font-family: "APKProtocol Regular"
}

.image-carousal-view .container .text-block .desc p,
.image-carousal-view .container .text-block .desc a,
.image-carousal-view .container .text-block .desc li,
.image-carousal-view .container .text-block .desc span,
.image-carousal-view .container .text-block .desc div {
    font-family: "APKProtocol Regular"
}

.image-carousal-view .container .text-block .desc ul {
    padding-left: 12px
}

.image-carousal-view .container .text-block .desc b {
    font-family: "APKProtocol Medium";
    font-weight: normal
}

.image-carousal-view .container .text-block .cta {
    margin-top: 30px;
    padding: 14px 57px
}

.image-carousal-view .model {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none
}

.image-carousal-view .model .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/close-icon.svg");
    width: 40px;
    height: 40px;
    background-size: contain;
    cursor: pointer
}

.image-carousal-view .model .ic-video {
    width: 90%;
    max-width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.cmp-featuredBlock.img-at-right .outer_block {
    direction: rtl
}

.cmp-featuredBlock.img-at-right .outer_block .content_blk {
    direction: ltr;
    padding-right: 100px;
    padding-left: 50px
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .cmp-featuredBlock.img-at-right .outer_block .content_blk {
        padding-right: 50px
    }
}

@media screen and (max-width:767px) {
    .cmp-featuredBlock.img-at-right .outer_block .content_blk {
        padding: 0
    }
}

.cmp-featuredBlock a.cta:hover {
    color: #000 !important
}

.gs_featuredWithCTA_block .featuredBlockwithButton .outer_block {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    align-items: center
}

@media screen and (min-width:768px) {
    .gs_featuredWithCTA_block .featuredBlockwithButton .outer_block {
        grid-template-columns: repeat(2, 1fr);
        gap: 0
    }
}

@media screen and (min-width:1200px) {
    .gs_featuredWithCTA_block .featuredBlockwithButton .outer_block {
        grid-template-columns: repeat(2, 1fr);
        gap: 0
    }
}

.gs_featuredWithCTA_block .featuredBlockwithButton .img_blk {
    flex-shrink: 0;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    height: 250px
}

@media screen and (min-width:576px) {
    .gs_featuredWithCTA_block .featuredBlockwithButton .img_blk {
        min-height: 350px
    }
}

@media screen and (min-width:1200px) {
    .gs_featuredWithCTA_block .featuredBlockwithButton .img_blk {
        min-height: 450px
    }
}

.gs_featuredWithCTA_block .featuredBlockwithButton .content_blk {
    padding: 50px;
    padding-left: 100px
}

@media screen and (max-width:767px) {
    .gs_featuredWithCTA_block .featuredBlockwithButton .content_blk {
        padding: 0
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .gs_featuredWithCTA_block .featuredBlockwithButton .content_blk {
        padding-left: 50px
    }
}

.gs_featuredWithCTA_block .featuredBlockwithButton .content_blk .grt-star-buttons .grt-buy-btn {
    margin-left: 0 !important
}

.gs_featuredWithCTA_block .featuredBlockwithButton .content_blk .grt-star-buttons .grt-buy-btn small {
    font-size: 12px;
    font-style: normal;
    line-height: 15px;
    letter-spacing: .6px;
    color: #000;
    position: absolute;
    bottom: -25px;
    left: 10px;
    color: black
}

@media screen and (max-width:768px) {
    .gs_featuredWithCTA_block .featuredBlockwithButton .content_blk .grt-star-buttons .grt-buy-btn small {
        font-size: 12px;
        line-height: 12px
    }
}

.gs_featuredWithCTA_block .featuredBlockwithButton .content_blk .title {
    font-family: "APKProtocol Semibold";
    font-size: 30px;
    color: #343a40;
    font-style: normal;
    line-height: 30px;
    letter-spacing: .9px
}

@media screen and (max-width:767px) {
    .gs_featuredWithCTA_block .featuredBlockwithButton .content_blk .title {
        font-size: 22px;
        line-height: 22px;
        letter-spacing: .66px
    }
}

.gs_featuredWithCTA_block .featuredBlockwithButton .content_blk .description {
    margin-top: 25px
}

.gs_featuredWithCTA_block .featuredBlockwithButton .content_blk .description p {
    color: #343a40;
    font-family: "APKProtocol Regular";
    font-size: 18px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: .54px
}

@media screen and (max-width:767px) {
    .gs_featuredWithCTA_block .featuredBlockwithButton .content_blk .description p {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: .45px
    }
}

.gs_featuredWithCTA_block .featuredBlockwithButton .content_blk a.button {
    font-size: 16px;
    font-family: 'Dupont Sans Bold';
    color: #fff;
    background-color: #000;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none
}

.cmp-featuredBlock.corporate_view.img-at-right .content_blk {
    padding-left: 0
}

.cmp-featuredBlock.corporate_view .featuredBlockwithButton .img_blk {
    background-size: contain
}

.cmp-featuredBlock.corporate_view .gs_featuredWithCTA_block .featuredBlockwithButton .content_blk .title {
    font-size: 32px;
    line-height: 38px;
    font-family: "APKProtocol Regular";
    letter-spacing: -0.5px;
    color: #000;
    font-style: normal
}

@media screen and (max-width:767px) {
    .cmp-featuredBlock.corporate_view .gs_featuredWithCTA_block .featuredBlockwithButton .content_blk .title {
        font-family: "APKProtocol Regular";
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.5px
    }
}

.cmp-featuredBlock.corporate_view .gs_featuredWithCTA_block .featuredBlockwithButton .content_blk .description {
    margin-top: 25px
}

.cmp-featuredBlock.corporate_view .gs_featuredWithCTA_block .featuredBlockwithButton .content_blk .description p {
    color: unset;
    font-family: "APKProtocol Regular";
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    font-style: normal
}

@media screen and (max-width:767px) {
    .cmp-featuredBlock.corporate_view .gs_featuredWithCTA_block .featuredBlockwithButton .content_blk .description p {
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0;
        font-style: normal
    }
}

.cmp-featuredBlock.corporate_view .gs_featuredWithCTA_block .featuredBlockwithButton .content_blk a.cta {
    margin-top: 35px
}

.cmp-featuredBlock.corporate_view .gs_featuredWithCTA_block .featuredBlockwithButton .content_blk a.cta i {
    display: none
}

.download {
    width: 100%;
    padding: 25px
}

.download .left {
    float: left;
    position: relative;
    margin: 10px
}

.download .left .download_url {
    text-align: left;
    padding-left: 45px;
    padding-right: 10px;
    padding-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    transform: translateY(-20%)
}

.download .left .download_icon {
    position: absolute;
    left: 10px;
    bottom: 50%;
    transform: translateY(50%)
}

.download .left .download_icon span {
    font-size: 15px;
    font-weight: 400
}

.download .left .download_icon .glyphicon {
    font-size: 25px
}

.download .right {
    float: left;
    position: relative;
    margin: 10px;
    border: 2px solid grey
}

.download .right .download_url {
    text-align: left;
    padding-left: 5px;
    padding-right: 42px;
    padding-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    transform: translateY(-20%)
}

.download .right .download_icon {
    position: absolute;
    right: 10px;
    bottom: 50%;
    transform: translateY(50%)
}

.download .right .download_icon span {
    font-size: 15px
}

.download .right .download_icon .glyphicon {
    font-size: 25px
}

.electronics-download.max-width #download {
    padding: 0
}

.electronics-download.max-width #download .col-lg-2 {
    max-width: 100%
}

.electronics-download.max-width #download .col-lg-2:hover .download_url {
    color: #000
}

.electronics-download.max-width #download .col-lg-2:hover .glyphicon:before {
    color: #000
}

.TandI_download {
    font-family: APKProtocol Regular;
    font-size: 26px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left
}

@media(max-width:991px) {
    .TandI_download .TandI_sub_download {
        font-size: 18px;
        font-family: APKProtocol Regular;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.57;
        letter-spacing: normal;
        text-align: left;
        padding-top: 0
    }
}

.TandI_download .download_head {
    padding-bottom: 29px
}

@media(max-width:991px) {
    .TandI_download .download_head {
        font-family: APKProtocol Regular;
        font-size: 24px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.57;
        letter-spacing: normal;
        text-align: left;
        padding-bottom: 0 !important;
        margin: 0 !important
    }
}

.TandI_download .download_head .download {
    padding: 0 !important
}

.TandI_download .TandIdownload {
    padding-left: 0
}

.TandI_download .TandIdownload .left {
    float: left;
    position: relative;
    padding: 0;
    margin: 1px
}

.TandI_download .TandIdownload .left .TandIdownload_icon {
    left: 1px
}

.TandI_download .TandIdownload .left .TandIdownload_icon img {
    vertical-align: top;
    height: 15px !important;
    width: 15px !important
}

@media(max-width:991px) {
    .TandI_download .TandIdownload .left .TandIdownload_icon img {
        margin-top: -20px;
        vertical-align: middle
    }
}

.TandI_download .TandIdownload .right {
    float: left;
    position: relative;
    padding: 0;
    margin: 1px
}

.TandI_download .TandIdownload .right .TandIdownload_icon {
    left: 1px
}

.TandI_download .TandIdownload .right .TandIdownload_icon img {
    float: right;
    vertical-align: top;
    height: 15px !important;
    width: 15px !important
}

@media(max-width:991px) {
    .TandI_download .TandIdownload .right .TandIdownload_icon img {
        vertical-align: middle
    }
}

.TandI_download .TandIdownload_url {
    color: #000;
    font-family: APKProtocol Regular;
    font-size: 1.125rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    margin-left: 10px;
    margin-right: 20px;
    letter-spacing: normal;
    line-height: 1.56;
    padding-left: 1rem !important;
    position: relative;
    text-align: left;
    top: 26px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    transform: translateY(-10%)
}

@media(max-width:991px) {
    .TandI_download .TandIdownload_url {
        font-family: APKProtocol Regular;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.57;
        letter-spacing: normal;
        text-align: left
    }
}

.TandI_download .TandIdownload_url:hover {
    color: #666
}

.TandI_download .TandIdownload_all_text {
    color: #000;
    float: left;
    font-family: APKProtocol Regular;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.01;
    padding-left: 40px;
    padding: 2.625rem 0 0rem 0;
    position: relative;
    text-align: left
}

.TandI_download .TandIdownload_all_text:hover {
    color: #beff00
}

.TandI_download .TandIdownload_all_text a {
    font-size: 1rem;
    font-family: APKProtocol Regular;
    line-height: 24px
}

@media(max-width:991px) {
    .TandI_download .TandIdownload_all_text a {
        font-size: 14px;
        font-family: APKProtocol Regular;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.71;
        letter-spacing: normal;
        text-align: left
    }
}

.TandI_download .TandIdownload_all_text a:after {
    content: '\279D';
    margin-left: 2.1875rem;
    font-weight: bold;
    font-size: 1.25rem
}

@media(max-width:991px) {
    .TandI_download .TandIdownload_all_text a:after {
        content: '\279D';
        font-weight: bold;
        font-size: 1.25rem;
        vertical-align: middle;
        float: right
    }
}

.TandI_download .TandIdownload_all_text a:hover {
    color: #beff00
}

.distributor_locator {
    margin-top: 30px;
    position: relative
}

.distributor_locator.container {
    padding-left: 33px;
    padding-right: 33px
}

@media screen and (min-width:1024px) {
    .distributor_locator.container {
        padding-left: 3em;
        padding-right: 94px
    }
}

.distributor_locator .filters_sec .outer_wrapper {
    padding: 15px;
    background-color: #f9f9f9
}

@media only screen and (min-width:1200px) {
    .distributor_locator .filters_sec .outer_wrapper {
        margin: 0 auto;
        padding: 30px 100px
    }
}

.distributor_locator .filters_sec .input_wrapper {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 20px
}

@media only screen and (min-width:576px) {
    .distributor_locator .filters_sec .input_wrapper {
        grid-template-columns: 1fr 1fr
    }
}

.distributor_locator .filters_sec .input_wrapper .input_item {
    width: 100%;
    border-radius: 4px
}

.distributor_locator .filters_sec .input_wrapper .input_item .input_elem {
    height: 40px
}

.distributor_locator .filters_sec .input_wrapper .input_item .input_elem:focus {
    border: 1px solid black;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}

.distributor_locator .filters_sec .input_wrapper .input_item label {
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    padding-left: 0;
    color: #212529
}

.distributor_locator .filters_sec .input_wrapper .input_item .select_input {
    width: 100%;
    font-size: 14px;
    font-family: "APKProtocol Regular";
    border-radius: 4px;
    line-height: normal;
    padding: 10px
}

.distributor_locator .filters_sec .input_wrapper .input_item .select_input::placeholder {
    font-family: "Doidrum Regular";
    font-size: 14px
}

.distributor_locator .filters_sec .input_wrapper .input_item .select_input option {
    line-height: 3
}

.distributor_locator .filters_sec .input_wrapper .input_item .text_input {
    width: 100%;
    font-size: 14px;
    font-family: "APKProtocol Regular";
    border-radius: 4px;
    line-height: normal;
    border-width: 1px;
    padding: 10px;
    padding-left: 35px
}

.distributor_locator .filters_sec .input_wrapper .input_item .text_input.product {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/search-icon.svg');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: 20px
}

.distributor_locator .filters_sec .input_wrapper .input_item .text_input.zip {
    padding-left: 10px
}

.distributor_locator .filters_sec .input_wrapper .input_item .text_input.zip:placeholder {
    font-family: "Doidrum Regular";
    font-size: 14px
}

.distributor_locator .filters_sec .input_wrapper .input_item .text_input:placeholder {
    font-family: "Doidrum Regular";
    font-size: 14px
}

.distributor_locator .filters_sec .input_wrapper .input_item .required {
    color: #beff00
}

.distributor_locator .filters_sec .input_wrapper .input_item.hide_field {
    display: none
}

.distributor_locator .filters_sec .input_wrapper .input_item .err_msg {
    font-size: 12px;
    color: #beff00;
    display: none;
    margin-top: 3px
}

.distributor_locator .filters_sec .action_items {
    text-align: center;
    height: max-content;
    margin-top: 30px
}

.distributor_locator .filters_sec .action_items .action_item {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 15px;
    border: 1px solid black;
    border-radius: 25px;
    background-color: transparent;
    font-size: 14px;
    font-family: 'APKProtocol Regular';
    line-height: normal;
    cursor: pointer
}

.distributor_locator .filters_sec .action_items .action_item:hover {
    background-color: #beff00;
    color: white;
    border: 1px solid #beff00
}

.distributor_locator .progress-bar-wrapper {
    position: absolute;
    height: 100px;
    top: 50%;
    left: 50%;
    position: fixed;
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    z-index: 101
}

.distributor_locator .progress-bar-wrapper .progress-bar-df {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 20px;
    -webkit-mask-image: linear-gradient(90deg, #000 70%, rgba(0, 0, 0, 0) 0);
    -webkit-mask-position-x: 0;
    -webkit-mask-position-y: center;
    -webkit-mask-size: 20%;
    -webkit-mask-repeat-x: initial;
    -webkit-mask-repeat-y: initial;
    -webkit-mask-origin: initial;
    -webkit-mask-clip: initial;
    background-image: linear-gradient(#beff00 0, #beff00 0);
    background-position-x: 0;
    background-position-y: center;
    background-size: 0;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #ddd;
    animation: prog 2s infinite steps(6)
}

.distributor_locator .results_sec {
    margin-top: 20px
}

.distributor_locator .results_sec .results_list .sorry_msg {
    display: none;
    text-align: center
}

.distributor_locator .results_sec .results_list .search_input {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid lightgray;
    margin-top: 20px;
    margin-bottom: 20px;
    align-items: center
}

@media only screen and (max-width:575px) {
    .distributor_locator .results_sec .results_list .search_input {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 10px
    }
}

.distributor_locator .results_sec .results_list .search_input .results_count {
    font-size: 14px;
    font-family: "APKProtocol Regular"
}

.distributor_locator .results_sec .results_list .search_input .results_count .count {
    color: #beff00;
    font-family: "APKProtocol Medium"
}

.distributor_locator .results_sec .results_list .search_input .search {
    border-radius: 4px;
    border-width: 1px;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: 'APKProtocol Regular';
    padding-left: 10px;
    width: 230px
}

.distributor_locator .results_sec .results_list .search_input .search:focus {
    outline: 0
}

.distributor_locator .results_sec .results_list .search_input[placeholder] {
    font-family: "APKProtocol Regular";
    font-size: 14px
}

.distributor_locator .results_sec .results_list .list {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    font-size: 14px;
    font-family: "APKProtocolocol Regular"
}

.distributor_locator .results_sec .results_list .list .item {
    border-bottom: 1px solid lightgray;
    display: flex;
    padding: 30px;
    padding-top: 0;
    padding-left: 10px;
    padding-bottom: 20px;
    gap: 30px
}

@media only screen and (max-width:575px) {
    .distributor_locator .results_sec .results_list .list .item {
        flex-direction: column;
        padding-left: 0;
        padding-top: 0
    }
}

.distributor_locator .results_sec .results_list .list .item .dealer_info {
    flex-grow: 1
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .dealer_name {
    font-family: "APKProtocolocol Medium";
    font-size: 16px;
    margin-bottom: 3px;
    line-height: normal
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .dealer_desc {
    font-family: "APKProtocol Regular";
    font-size: 16px;
    margin-bottom: 5px;
    line-height: normal
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail {
    display: grid;
    grid-gap: 10px;
    grid-column-gap: 30px
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail img {
    height: 20px
}

@media only screen and (min-width:768px) {
    .distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media only screen and (min-width:1300px) {
    .distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail .address_item {
    display: flex;
    align-items: center;
    gap: 5px
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail .address_item a {
    font-family: "APKProtocol Regular";
    line-height: 1;
    word-break: break-word
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail .address_item::before {
    content: "";
    display: block;
    width: 23px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail .website a:hover {
    color: #beff00
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail .website::before {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/globe-icon.svg')
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail .mobile::before {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/mobile-icon.svg')
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail .phone::before {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/telephone-icon.svg')
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail .e-shop a:hover {
    color: #beff00
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail .e-shop::before {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/shopping-cart-icon.svg')
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail .email a:hover {
    color: #beff00
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_detail .email::before {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/mail-icon.svg')
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .dealer_detail {
    margin-bottom: 5px
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .dealer_detail a {
    color: #beff00
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_contact {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
    column-gap: 30px;
    margin-top: 10px
}

@media only screen and (min-width:992px) {
    .distributor_locator .results_sec .results_list .list .item .dealer_info .address_contact {
        grid-template-columns: 1fr 1.5fr
    }
}

.distributor_locator .results_sec .results_list .list .item .dealer_info .address_contact .address .address_item {
    line-height: 1.5;
    letter-spacing: .5px
}

.distributor_locator .results_sec .results_list .list .item .dealer_logo {
    padding: 5px;
    height: 100px;
    width: 150px;
    align-self: center;
    flex-shrink: 0;
    border-radius: 6px;
    border: solid 1px #b7b7b7;
    overflow: hidden;
    align-self: baseline
}

@media screen and (min-width:576px) {
    .distributor_locator .results_sec .results_list .list .item .dealer_logo {
        align-self: baseline
    }
}

.distributor_locator .results_sec .results_list .list .item .dealer_logo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.distributor_locator .results_sec .pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

.distributor_locator .results_sec .pagination-container #page-prev,
.distributor_locator .results_sec .pagination-container #page-next {
    border-radius: 4px;
    padding: 0 6px;
    margin-right: 10px;
    cursor: pointer
}

.distributor_locator .results_sec .pagination-container .pagination {
    justify-content: center;
    display: flex;
    max-width: 100%
}

.distributor_locator .results_sec .pagination-container .pagination li {
    border-radius: 4px;
    padding: 0 8px;
    margin-right: 10px;
    min-width: 26px;
    line-height: normal;
    font-family: "APKProtocol Regular"
}

.distributor_locator .results_sec .pagination-container .pagination li a {
    font-family: "APKProtocol Regular";
    line-height: normal;
    background-color: transparent;
    border-color: transparent;
    font-size: 18px;
    color: #000
}

.distributor_locator .results_sec .pagination-container .pagination li a:hover {
    color: #beff00;
    cursor: pointer
}

.distributor_locator .results_sec .pagination-container .pagination li.active a {
    color: #beff00;
    font-family: "APKProtocol Bold";
    background-color: transparent;
    border-color: transparent
}

.distributor_locator .dl_actions {
    position: relative
}

.distributor_locator .dl_actions .dl_actions_res-top {
    width: 60px;
    height: 60px;
    background-color: #beff00;
    border-radius: 30px;
    position: absolute;
    right: -25px;
    top: -200px;
    cursor: pointer
}

.distributor_locator .dl_actions .dl_actions_res-top i {
    color: #fff;
    font-size: 40px;
    position: absolute;
    left: 17px
}

.distributor_locator .dl_actions .dl_actions_res-top span {
    color: #fff;
    font-family: APKProtocol Bold;
    font-size: 14px;
    position: relative;
    top: 30px;
    left: 16px
}

.dl-product-autocomplete {
    display: block;
    max-width: 100%;
    max-height: 350px;
    background-color: #fff !important;
    color: black !important;
    overflow-y: auto;
    overflow-x: hidden;
    list-style-type: none;
    margin-top: 5px;
    padding-top: 5px
}

.dl-product-autocomplete .ui-menu-item {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-family: "APKProtocol Regular";
    font-size: 14px;
    cursor: pointer
}

@keyframes prog {
    100% {
        background-size: 120%
    }
}

.distributor-finder .selectize-dropdown .option.selected {
    padding-left: 8px
}

.distributor-finder .distributor-finder_res-wrapper {
    position: relative
}

.distributor-finder .distributor-finder_res-wrapper .progress-bar-wrapper {
    display: none;
    position: relative;
    height: 100px
}

.distributor-finder .distributor-finder_res-wrapper .progress-bar-df {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 20px;
    -webkit-mask-image: linear-gradient(90deg, #000 70%, rgba(0, 0, 0, 0) 0);
    -webkit-mask-position-x: 0;
    -webkit-mask-position-y: center;
    -webkit-mask-size: 20%;
    -webkit-mask-repeat-x: initial;
    -webkit-mask-repeat-y: initial;
    -webkit-mask-origin: initial;
    -webkit-mask-clip: initial;
    background-image: linear-gradient(#00b2a9 0, #00b2a9 0);
    background-position-x: 0;
    background-position-y: center;
    background-size: 0;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #ddd;
    animation: prog 2s infinite steps(6)
}

.distributor-finder .distributor-finder_res {
    display: none
}

.distributor-finder.product-page-view .title-desc {
    display: none
}

.distributor-finder.product-page-view .distributor-finder_filter {
    display: none
}

.distributor-finder.product-page-view .distributor-finder_res-head {
    display: none
}

.distributor-finder.product-page-view .distributor-finder_res_res-item {
    border-bottom: 0
}

.distributor-finder.product-page-view .distributor-finder_res-top {
    display: none
}

.distributor-finder.product-page-view .distributor-finder_res-item {
    border-bottom: 0
}

.distributor-finder.theme-red .distributor-finder_res-wrapper .progress-bar-df {
    background-image: linear-gradient(#beff00 0, #beff00 0)
}

.distributor-finder.theme-red .error {
    color: #beff00
}

.distributor-finder.theme-red .error.err-msg {
    color: #beff00;
    display: none
}

.distributor-finder.theme-red#distributorFinder .selectize-dropdown .option.active {
    color: #beff00
}

.distributor-finder.theme-red #distributor-finder_res-list .pagination li.active {
    background-color: #beff00
}

.distributor-finder.theme-red .distributor-finder_res-top {
    background-color: #beff00
}

.distributor-finder.theme-red .distributor-finder_actions a.cta:hover {
    color: #fff;
    background-color: #beff00;
    border-color: #beff00;
    cursor: pointer
}

.distributor-finder.theme-red .distributor-finder-links a {
    color: #beff00
}

.distributor-finder.theme-red .distributor-finder_res-item-links a {
    color: #beff00
}

@media(max-width:1023px) {
    .distributor-finder.container {
        padding: 0 33px
    }
}

.distributor-finder_filter {
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 50px 30px 50px 75px;
    margin-bottom: 25px
}

.distributor-finder .error {
    color: #00b2a9;
    font-size: 12px
}

.distributor-finder .error.err-msg {
    color: #00b2a9;
    display: none
}

#distributorFinder .distributor-finder_form label {
    font-size: 16px;
    font-weight: inherit;
    letter-spacing: inherit;
    color: inherit;
    padding-left: initial
}

.distributor-finder_param {
    margin-bottom: 20px;
    padding-right: 60px
}

.distributor-finder_actions {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 27px
}

.distributor-finder_actions a.cta {
    color: #212121;
    border-color: #212121;
    padding: 1em 2em .8em
}

.distributor-finder_actions a.cta:hover {
    color: #fff;
    background-color: #00b2a9;
    border-color: #00b2a9
}

.distributor-finder_actions a.cta.disabled {
    color: lightgray;
    background-color: transparent;
    border-color: lightgray;
    cursor: default;
    pointer-events: none
}

.distributor-finder_actions a.loading {
    color: lightgray;
    background-color: transparent;
    border-color: lightgray;
    cursor: default
}

.distributor-finder_actions a.loading:hover {
    color: lightgray;
    background-color: transparent;
    border-color: lightgray;
    cursor: default
}

.distributor-finder_res-head {
    border-bottom: 1px solid lightgray;
    margin-bottom: 50px;
    margin-top: 30px
}

.distributor-finder_res-overview {
    display: flex;
    justify-content: space-between
}

.distributor-finder_res-overview p {
    padding-top: 10px;
    font-family: APKProtocol Regular
}

.distributor-finder_res-overview p span.error {
    font-size: inherit;
    font-weight: 600;
    font-family: APKProtocol Regular
}

.distributor-finder_res-search {
    margin-bottom: 20px
}

.distributor-finder_res-search input {
    width: 300px;
    height: 42px;
    border-radius: 6px;
    border: solid 1px #4c4c4c;
    background-color: #fff;
    font-family: "APKProtocol Regular";
    font-size: 14px;
    padding-left: 20px
}

.distributor-finder_res-search input[placeholder] {
    font-family: "APKProtocol Regular";
    font-size: 14px
}

.distributor-finder_res-item {
    display: flex;
    padding-bottom: 60px;
    border-bottom: solid 1px #cfcfcf;
    margin-bottom: 50px
}

.distributor-finder_res-item-logo {
    flex: 0 0 172px
}

.distributor-finder_res-item-logo>div {
    border-radius: 6px;
    border: solid 1px #b7b7b7;
    overflow: hidden;
    padding: 0 10px
}

.distributor-finder_res-item-logo>div img {
    max-width: 100%
}

.distributor-finder_res-item-det {
    padding-left: 25px
}

.distributor-finder_res-item-name p {
    font-size: 20px;
    font-weight: 600;
    font-family: APKProtocol Regular
}

.distributor-finder_res-item-desc p {
    line-height: 30px;
    font-family: APKProtocol Regular
}

.distributor-finder_res-item-links img {
    width: 25px;
    margin-right: 10px
}

.distributor-finder_res-item-links a {
    padding-right: 25px;
    font-family: APKProtocol Regular;
    color: #00b2a9
}

.distributor-finder#distributorFinder .selectize-input input[placeholder] {
    width: 100% !important;
    font-size: 14px;
    font-family: APKProtocol Regular
}

.distributor-finder#distributorFinder .selectize-input .item,
.distributor-finder#distributorFinder .selectize-input input {
    font-size: 14px;
    color: #000;
    font-family: APKProtocolocol Regular;
    height: unset
}

.distributor-finder#distributorFinder .selectize-dropdown .option {
    font-size: 14px;
    font-family: APKProtocol Regular
}

.distributor-finder#distributorFinder .selectize-control.single .selectize-input:after,
.distributor-finder#distributorFinder .selectize-control.single .selectize-input.dropdown-active:after,
.distributor-finder#distributorFinder .selectize-dropdown .option.active {
    cursor: pointer;
    color: #00b2a9;
    content: "";
    margin-right: 0
}

.distributor-finder#distributorFinder .selectize-input {
    padding: 1.25em 2em;
    border: 1px solid black;
    border-radius: 4px;
    box-shadow: initial;
    top: unset;
    background-image: unset;
    background-color: #ffff
}

.distributor-finder#distributorFinder .selectize-control.single .selectize-input:after {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/dist-down-arrow-icon.svg');
    border: 0;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    margin-top: 0
}

@media(max-width:1023px) {
    .distributor-finder_filter {
        border: 0;
        padding: 0;
        box-shadow: none;
        margin: 0 -33px;
        padding: 33px
    }

    .distributor-finder_param {
        padding-right: 15px
    }

    .distributor-finder_actions {
        justify-content: space-between
    }

    .distributor-finder_actions a.cta {
        font-size: 14px;
        padding: .75em 1.5em;
        min-width: 115px;
        text-align: center;
        line-height: normal
    }

    .distributor-finder_res-overview {
        flex-wrap: wrap
    }

    .distributor-finder_res-item {
        padding-bottom: 15px;
        margin-bottom: 30px
    }

    .distributor-finder_res-item-links span {
        margin-bottom: 15px
    }

    .distributor-finder_res-item-desc p {
        font-size: 14px;
        line-height: 25px
    }
}

@media(max-width:767px) {
    .distributor-finder_res-item {
        flex-wrap: wrap
    }

    .distributor-finder_res-item-det {
        padding-left: 0;
        padding-top: 25px
    }

    .distributor-finder_res-item-links span {
        display: block
    }

    .distributor-finder .selectize-input input[placeholder] {
        font-size: 16px
    }

    .distributor-finder .selectize-input .item,
    .distributor-finder .selectize-input input {
        font-size: 16px
    }

    .distributor-finder_res-search {
        font-size: 16px
    }

    .distributor-finder_res-search[placeholder] {
        font-size: 16px
    }
}

.distributor-finder input::-webkit-outer-spin-button,
.distributor-finder input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#distributor-finder_res-list .pagination {
    justify-content: center;
    display: inline-flex;
    max-width: 100%;
    flex-wrap: wrap
}

#distributor-finder_res-list .pagination-container {
    width: calc(100% - 100px);
    text-align: center
}

#distributor-finder_res-list .pagination li {
    border-radius: 4px;
    border: solid 1px #cfcfcf;
    background-color: #f5f5f5;
    padding: 0 8px;
    margin-right: 10px;
    min-width: 26px
}

#distributor-finder_res-list #page-prev,
#distributor-finder_res-list #page-next {
    border-radius: 4px;
    border: solid 1px #cfcfcf;
    background-color: #f5f5f5;
    padding: 0 6px;
    margin-right: 10px;
    cursor: pointer
}

#distributor-finder_res-list #page-prev a,
#distributor-finder_res-list #page-next a {
    color: #121111
}

#distributor-finder_res-list .pagination li a {
    font-family: APKProtocol Regular;
    font-size: 16px;
    color: #121111
}

#distributor-finder_res-list .pagination li.active {
    border: solid 1px #cfcfcf;
    background-color: #00b2a9
}

#distributor-finder_res-list .pagination li.active a {
    color: #fff
}

.distributor-finder_res-actions {
    position: relative
}

.distributor-finder_res-top {
    width: 60px;
    height: 60px;
    background-color: #00b2a9;
    border-radius: 30px;
    position: absolute;
    right: 0;
    top: -45px;
    cursor: pointer
}

.distributor-finder_res-top i {
    color: #fff;
    font-size: 40px;
    position: absolute;
    left: 17px
}

.distributor-finder_res-top span {
    color: #fff;
    font-family: APKProtocol Bold;
    font-size: 14px;
    position: relative;
    top: 30px;
    left: 16px
}

@media(max-width:576px) {
    .distributor-finder_res-top {
        top: -45px
    }

    .distributor-finder .pagination-container {
        padding: 10px 25px 0;
        position: relative
    }

    .distributor-finder .pagination-container>span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .distributor-finder .pagination-container>span#page-prev {
        left: 0
    }

    .distributor-finder .pagination-container>span#page-next {
        right: 0
    }

    .distributor-finder .pagination-container .pagination li {
        margin-bottom: 10px
    }
}

@media(max-width:1023px) {
    .distributor-finder {
        padding: 0 33px
    }

    .distributor-finder_res-list .pagination-container {
        width: calc(100% - 50px) !important
    }

    .distributor-finder_res-top {
        width: 40px;
        height: 40px;
        top: -20px
    }

    .distributor-finder_res-top i {
        font-size: 25px;
        left: 13px
    }

    .distributor-finder_res-top span {
        top: 14px;
        left: 10px;
        font-size: 10px
    }
}

.distributor-finder .product-selector-div {
    box-shadow: initial;
    top: unset;
    width: 100%;
    font-size: 13px;
    position: relative
}

.distributor-finder .product-selector-div:before {
    content: '';
    display: block;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/icon-search.png');
    background-repeat: no-repeat;
    height: 100%;
    width: 30px;
    position: absolute;
    top: 15px;
    left: 7px
}

.distributor-finder .product-selector-div #product-selector {
    padding: 1.25em 2.5em;
    border-radius: 4px;
    border: 1px solid black;
    width: 100%;
    padding-right: 1em;
    margin-bottom: 3px;
    height: unset;
    background-color: #fff
}

.distributor-finder .product-selector-div input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/close-black-icon.svg');
    background-repeat: no-repeat;
    cursor: pointer
}

.distributor-finder .zip-selector-div #zip-selector {
    padding: 1.25em 2.5em;
    border-radius: 4px;
    border: 1px solid black;
    width: 100%;
    padding-right: 1em;
    font-size: 13px;
    height: unset;
    background-color: #fff
}

.distributor-finder select {
    padding: 1.25em 2.5em;
    border-radius: 4px;
    border: 1px solid black;
    width: 100%;
    padding-right: 1em;
    margin-bottom: 3px
}

.dist-product-search .ui-menu-item {
    font-size: 14px;
    color: #000;
    font-family: APKProtocol Regular
}

.dist-product-search .ui-state-active {
    border: 1px solid #00b2a9;
    background: #00b2a9
}

.dist-product-search .ui-menu .ui-menu-item-wrapper {
    padding-left: 10px
}

.dist-product-search.theme-red .ui-state-active {
    border: 1px solid #beff00;
    background: #beff00
}

.dt-list-container .list-item h4 {
    color: #000
}

.dt-list-container .list-item img {
    max-width: 60px;
    position: absolute;
    vertical-align: top
}

.dt-list-container .list-item .list-content-cont {
    padding: 56px 24px;
    position: relative
}

@media only screen and (max-width:768px) {
    .dt-list-container .list-item .list-content-cont {
        padding: 48px 12px
    }
}

.dt-list-container .list-item .list-item-content {
    display: inline-block;
    width: calc(100% - 71px);
    margin-left: 66px
}

.dt-list-container .list-item .list-item-content .arrow {
    margin-top: 24px;
    font-family: "APKProtocol Regular";
    font-size: 16px !important
}

@media only screen and (max-width:768px) {
    .dt-list-container .list-item .list-item-content {
        width: calc(100% - 71px)
    }

    .dt-list-container .list-item .list-item-content .body2,
    .dt-list-container .list-item .list-item-content .body2 p {
        font-size: 12px !important
    }

    .dt-list-container .list-item .list-item-content .arrow {
        margin-top: 16px
    }
}

.dt-list-container .list-item:not(:last-child):after {
    position: absolute;
    content: '';
    bottom: 0;
    height: 1px;
    width: calc(100% - 30px);
    background: #e1e1e1
}

.pbs-contactUs {
    background-color: rgba(225, 225, 225, 0.2)
}

.pbs-contactUs .fieldspace {
    margin-bottom: 0
}

.pbs-contactUs .check-label {
    margin-left: 30px;
    position: absolute
}

.pbs-contactUs .building .information-section .information .fontsize24 {
    font-size: 24px;
    color: #333;
    font-weight: 700
}

.pbs-contactUs .building .information-section .information .fontsize18 {
    font-size: 18px;
    color: #333
}

.pbs-contactUs .requiredtext_form,
.pbs-contactUs label.control-label {
    font-family: "APKProtocol Regular", sans-serif;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0;
    color: #212121
}

.pbs-contactUs .successButton {
    color: #fff;
    cursor: pointer
}

.pbs-contactUs .successButton:hover {
    background-color: #beff00
}

.pbs-contactUs .successButton:disabled {
    background-color: #beff00;
    color: #fff
}

.pbs-contactUs .successButton {
    min-width: 120px;
    height: 50px;
    padding: 0 32px;
    border-radius: 25px;
    margin: 0 0 14px 0;
    font-family: "APKProtocol Regular";
    border-style: none
}

.pbs-contactUs .result .success {
    margin-top: 48px;
    color: #128370;
    display: none
}

.pbs-contactUs .result .success .success-message {
    color: #128370
}

.pbs-contactUs .result .success .glyphicon {
    font-size: 32px
}

.pbs-contactUs .captchavalidate {
    padding-left: 0
}

.pbs-contactUs select.form-control,
.pbs-contactUs input.form-control {
    height: 48px
}

.pbs-contactUs input[type=checkbox],
.pbs-contactUs input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 10px
}

.pbs-contactUs .checkbox .element:first-child {
    margin-top: 30px
}

.pbs-contactUs .errormessage {
    display: none;
    margin-left: 10px
}

.pbs-contactUs .errormessage_show {
    color: red;
    margin-left: 10px
}

.pbs-contactUs input.invalid,
.pbs-contactUs textarea.invalid {
    border: 1px solid #beff00
}

.pbs-contactUs input.valid,
.pbs-contactUs textarea.valid {
    border: 1px solid #000
}

.pbs-contactUs input.fnameval,
.pbs-contactUs .lnameval,
.pbs-contactUs .email,
.pbs-contactUs .jobtitle,
.pbs-contactUs .cname,
.pbs-contactUs .applist {
    padding: 6px 12px 6px 21px
}

.pbs-contactUs .form-control:focus {
    box-shadow: none;
    border-color: #000;
    border-radius: 1px
}

.pbs-contactUs label {
    font-size: 11px;
    color: #000;
    margin: 0 0 12px;
    font-family: "APKProtocol Regular", sans-serif
}

.pbs-contactUs select.helpsection,
.pbs-contactUs .countrydropdown,
.pbs-contactUs .roledropdown,
.pbs-contactUs .companydropdown,
.pbs-contactUs .productdropdown {
    font-weight: 300;
    font-family: "APKProtocol Medium"
}

.pbs-contactUs .form-group {
    padding-top: 0
}

.pbs-contactUs .radio {
    margin-top: 30px
}

.pbs-contactUs .radio tbody tr td label {
    margin-right: 30px
}

.pbs-container-wapper .detailedList .dt-list-container .list-item .list-content-cont .list-item-img {
    height: 55px
}

.layout-2col-rightsidebar__wrapper .row {
    padding: 0 !important;
    margin-left: -59px;
    width: 127%
}

.required {
    color: red
}

.cl-form-wrapper .form-group.required-field .control-label::after {
    content: "*";
    font-weight: normal;
    color: #e80033;
    display: none
}

input#pbsContactSubmit.btn.btn-default {
    padding: 15px 30px;
    margin-top: 20px;
    color: #fff;
    font-weight: 700
}

.element {
    font-size: 11px;
    width: 180px;
    display: inline-block
}

.checkbox {
    max-width: 400px
}

@media(max-width:768px) {
    .layout-2col-rightsidebar__wrapper .primary {
        padding: 0
    }

    .layout-2col-rightsidebar__wrapper .row {
        width: 100%;
        margin-left: 0
    }

    .comments-confirm {
        margin-left: 0
    }
}

.dcc-contactus-form .container textarea#comments {
    height: 300px;
    width: 70% !important
}

.dcc-contactus-form .successButton {
    cursor: pointer
}

.dcc-contactus-form .successButton:hover {
    background-color: #beff00
}

.dcc-contactus-form .successButton:disabled {
    background-color: #beff00;
    color: #fff
}

.dcc-contactus-form .successButton {
    min-width: 120px;
    height: 50px;
    padding: 0 32px;
    border-radius: 25px;
    margin: 0 0 14px 0;
    font-family: "APKProtocol Regular"
}

@media(min-width:768px) {
    .dcc-contactus-form .dccrow:nth-child(2n+1) {
        margin-left: -16em !important
    }

    .dcc-contactus-form .dccrow:nth-child(2n) {
        margin-right: 0 !important
    }
}

.dcc-contactus-form form input {
    height: 48px !important
}

.dcc-contactus-form form select {
    height: 48px !important
}

@media(min-width:1024px) {
    .dcc-contactus-form form .row {
        margin-right: -5em;
        margin-top: -1em;
        margin-left: 6px;
        float: left;
        width: 50%
    }

    .dcc-contactus-form form .comments {
        width: 70%
    }
}

.dcc-contactus-form form .col-lg-6.col-md-6.col-sm-12 {
    clear: both
}

.dcc-contactus-form form .form-submit-border.comments-confirm {
    clear: both;
    margin-left: 1em
}

@media(max-width:768px) {
    .dcc-contactus-form .image_gif {
        top: 360% !important
    }

    .dcc-contactus-form .row.dccrow {
        padding: 0 1em
    }
}

.dcc-contactus-form .image_gif {
    display: none
}

.dcc-contactus-form .image_gif img {
    width: 30%
}

.dcc-contactus-form .image_gif {
    position: absolute;
    top: 274%;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px
}

.ws-full-list .row {
    margin: 0
}

@media screen and (max-width:1023px) {
    .ws-full-list .row {
        margin: 0
    }
}

.ws-full-list.list-full h4:after {
    background-color: transparent;
    height: 0;
    width: 0
}

.ws-full-list.list-full h4:after .card-image {
    background-position-x: left
}

@media screen and (max-width:1023px) {
    .ws-full-list.list-full .list-item .list-container {
        padding-right: 22px
    }
}

.ws-full-list.list-full .list-item .list-container .card-image {
    margin-bottom: 56px
}

@media(min-width:481px) {
    .ws-full-list.list-full .col-sm-4 {
        max-width: 33.3333%;
        flex: 0 0 33.3333%
    }
}

@media(max-width:480px) {
    .ws-full-list.list-full p {
        font-size: 12px
    }

    .ws-full-list.list-full .list-item .list-container .card-image {
        margin-bottom: 40px
    }
}

@media(max-width:768px) {
    .ws-full-list.list-full .list-item .list-container .card-image {
        margin-bottom: 40px
    }
}

@media(max-width:575px) {
    .ws-full-list.list-full .list-item:nth-child(n+2)::before {
        background-color: transparent;
        display: none
    }
}

.ws-full-list.container .list-item {
    padding-left: 15px;
    padding-right: 15px
}

.ws-full-list.container .list-item:first-child {
    padding-left: 0
}

@media(max-width:991px) {
    .ws-full-list.container .list-item {
        padding: 0
    }
}

@media(max-width:480px) {
    .ws-full-list.container .list-item {
        padding: 0
    }
}

@media screen and (max-width:1023px) {
    .list-full .list-item:nth-child(2n+1) .list-container {
        padding-right: 0 !important
    }
}

.water-list-container.list-full h5 {
    margin-bottom: 40px
}

@media(max-width:992px) {
    .water-list-container.list-full h5 {
        margin-bottom: 32px
    }
}

@media(max-width:768px) {
    .water-list-container.list-full h5 {
        font-size: 14px;
        line-height: 20px
    }
}

@media(max-width:576px) {
    .water-list-container.list-full h5 {
        margin-bottom: 24px
    }
}

.water-list-container.list-full .list-item {
    margin-bottom: 48px
}

@media(max-width:991px) {
    .water-list-container.list-full .list-item:nth-child(2n) .list-container {
        padding-left: 0
    }
}

@media(max-width:767px) {
    .water-list-container.list-full .list-item {
        margin-bottom: 40px
    }
}

@media(max-width:576px) {
    .water-list-container.list-full .list-item {
        margin-bottom: 32px
    }

    .water-list-container.list-full .list-item:nth-child(n+2)::before {
        float: none;
        background-color: transparent
    }
}

.water-list-container.list-full .list-item .list-container {
    padding: 0;
    margin-bottom: 0
}

.water-list-container.list-full .list-item .list-container .list-body {
    display: block
}

.water-list-container.list-full .list-item .list-container .list-body p {
    font-size: 14px;
    font-family: APKProtocol Regular
}

@media(max-width:768px) {
    .water-list-container.list-full .list-item .list-container .list-body p {
        margin-bottom: 12px
    }
}

@media(max-width:576px) {
    .water-list-container.list-full .list-item .list-container .list-body p {
        font-size: 12px
    }
}

.water-list-container.list-full .list-item .list-container .event-data-time {
    font-family: APKProtocol Regular;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: .5px;
    color: #606060;
    margin: 0 0 12px 0
}

.water-list-container.list-full .list-item .list-container h4 {
    color: #beff00;
    margin: 0 0 12px 0
}

@media(max-width:991px) {
    .water-list-container.list-full .list-item .list-container h4 {
        font-size: 20px !important
    }
}

.water-list-container.list-full .list-item .list-container .action {
    bottom: -16px !important;
    position: unset !important;
    display: block
}

.water-list-container.list-full .list-item .list-container .action a {
    font-family: APKProtocol Regular;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: -0.5px
}

.water-list-container.list-full .list-item .list-container .action a img {
    margin: 0 0 0 13px
}

.water-list-container.list-full .pagination {
    margin-top: 8px
}

.water-list-container.list-full .pagination .page-item:first-child .page-link,
.water-list-container.list-full .pagination .page-item:last-child .page-link {
    width: 32px;
    height: 32px;
    border: solid 1px #000;
    border-radius: 0;
    color: #000;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: APKProtocol Medium;
    font-size: 14px;
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0)
}

.water-list-container.list-full .pagination #event-prev {
    display: none
}

.water-list-container.list-full .pagination #divPages {
    display: flex
}

.water-list-container.list-full .pagination #divPages .page-link {
    width: 32px;
    height: 32px;
    border: solid 1px #000;
    border-radius: 0;
    color: #000;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: APKProtocol Medium;
    font-size: 14px
}

.water-list-container.list-full .pagination #divPages .page-link.active {
    background-color: #000;
    color: #fff
}

.water-list-container.list-full .pagination #divPages .page-link:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0)
}

.contact-Gridlist .contactGrid-header {
    padding: 30px 0;
    font-size: 18px;
    font-family: APKProtocol Regular
}

.contact-Gridlist .contactGrid-list {
    text-align: center;
    justify-content: center
}

@media(max-width:767px) {
    .contact-Gridlist .contactGrid-list {
        padding-top: 20px
    }
}

.contact-Gridlist .contactGrid-list .contactGrid {
    border-right: 1px solid #212529;
    margin: 25px 0
}

@media(max-width:991px) {
    .contact-Gridlist .contactGrid-list .contactGrid {
        border-right: 0;
        margin-top: 0;
        margin-bottom: 15px
    }
}

.contact-Gridlist .contactGrid-list .contactGrid:nth-child(3n) {
    border-right: 0
}

.contact-Gridlist .contactGrid-list .contactGrid:last-child {
    border-right: 0
}

.contact-Gridlist .contactGrid-list .contactGrid .profiledata {
    padding-bottom: 20px
}

.contact-Gridlist .contactGrid-list .contactGrid .profiledata h4,
.contact-Gridlist .contactGrid-list .contactGrid .profiledata p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.1px;
    font-family: "APKProtocol Regular";
    margin: 0;
    padding: 0
}

.contact-Gridlist .contactGrid-list .contactGrid .profiledata h4 a,
.contact-Gridlist .contactGrid-list .contactGrid .profiledata p a {
    font-size: 16px
}

.contact-Gridlist .contactGrid-list .contactGrid .profiledata h4 a:hover,
.contact-Gridlist .contactGrid-list .contactGrid .profiledata p a:hover {
    color: #666;
    text-decoration: none
}

.contact-Gridlist .contactGrid-list .contactGrid .profiledata:after {
    border-bottom: 2px solid #c2c2c2
}

@media(max-width:991px) {
    .contact-Gridlist .contactGrid-list .contactGrid #profileContent:after {
        border-bottom: 1px solid #000;
        content: '';
        width: 80px;
        display: block;
        margin: 0 auto;
        padding: 20px 0
    }
}

.contact-Gridlist .contactGrid-list .contactGrid:last-child #profileContent:after {
    border-bottom: 0
}

.contactlist.contact-list_view2 .contactGrid-header {
    padding: 30px 0 0
}

.contactlist.contact-list_view2 .contactGrid-list .contactGrid {
    border-right: 0
}

@media(max-width:767px) {
    .contactlist.contact-list_view2 .contactGrid-list .contactGrid {
        margin-bottom: 0
    }
}

.contactlist.contact-list_view2 .contactGrid-list .contactGrid .profiledata {
    padding-bottom: 40px
}

.contactlist.contact-list_view2 .contactGrid-list .contactGrid .profiledata h4 {
    font-size: 26px;
    font-family: APKProtocol regular;
    margin-bottom: 18px
}

@media(max-width:991px) {
    .contactlist.contact-list_view2 .contactGrid-list .contactGrid .profiledata h4 {
        margin-bottom: 14px;
        font-size: 20px;
        font-family: APKProtocol Regular
    }
}

.contactlist.contact-list_view2 .contactGrid-list .contactGrid .profiledata {
    padding-top: 47px
}

@media(max-width:991px) {
    .contactlist.contact-list_view2 .contactGrid-list .contactGrid .profiledata {
        padding-bottom: 40px;
        padding-top: 0
    }
}

.contactlist.contact-list_view2 .contactGrid-list .contactGrid .profiledata p,
.contactlist.contact-list_view2 .contactGrid-list .contactGrid .profiledata a {
    font-size: 14px
}

@media(max-width:991px) {
    .contactlist.contact-list_view2 .contactGrid-list .contactGrid #profileContent:after {
        border-bottom: 0;
        padding: 0
    }
}

.contactlist.contact-LeftAlign .contact-Gridlist .contactGrid-list {
    text-align: left
}

.contactlist.contact_CenterAlign .contact-Gridlist .contactGrid-list {
    text-align: center
}

.contactlist.contact_RightAlign .contact-Gridlist .contactGrid-list {
    text-align: right
}

.contactlist.contact_GridRight .contactGrid-list {
    justify-content: flex-end
}

.contactlist.contact_GridCenter .contactGrid-list {
    justify-content: center
}

.contactlist.contact_GridLeft .contactGrid-list {
    justify-content: flex-start
}

.cmp_category.category_bgrepeat .category-bgImage {
    background-repeat: repeat
}

.cmp_category.category_fullscreen .category-bgImage,
.cmp_category.category_fullscreen .img-container {
    background-repeat: no-repeat;
    background-size: cover
}

.cmp_category.category_fixedsize .category-bgImage {
    background-repeat: no-repeat;
    background-size: contain
}

.cmp_category.box-shadow .category-bgColor,
.cmp_category.box-shadow category-bgImage {
    box-shadow: rgba(0, 0, 0, 0.16) 0 0 6px
}

@media screen and (min-width:1600px) {
    .cmp_category.img-bg-position .category-bgImage.cbgi-0 .img-container {
        background-position-y: bottom
    }
}

.building-view a.clickable-card {
    display: inline;
    height: 100%
}

.building-view .cardContent a {
    color: #beff00
}

.building-view .seeallLink {
    font-size: 11px;
    letter-spacing: .5px;
    color: #212121
}

.building-view .seeallLink:hover * {
    color: #beff00
}

@media screen and (max-width:768px) {
    .building-view .buildingCardsRow {
        margin-bottom: 2em
    }
}

@media screen and (min-width:768px) {
    .building-view .component-cards--card.cardImage {
        background-size: unset
    }

    .building-view .cardContent-date.eyebrow {
        font-size: 16px !important
    }

    .building-view .body1.cardContent-body p {
        font-size: 18px !important;
        color: #212121 !important
    }
}

.building-view .cardContent-tag .cta-rollover {
    border: 1px solid #beff00;
    border-radius: 25px;
    font-size: 16px;
    line-height: 1;
    padding: 1.0625em 3em .9375em;
    font-family: "APKProtocol Regular", sans-serif;
    letter-spacing: -0.5px;
    text-decoration: none;
    cursor: pointer;
    color: #000;
    display: inline-block;
    transform: perspective(1px) translateZ(0);
    position: relative;
    transition: color .3s ease 0;
    text-transform: capitalize
}

.building-view .cardContent-tag .cta-rollover:hover {
    border-color: #beff00;
    color: #fff;
    text-decoration: none
}

.building-view .cardContent-tag .cta-rollover:hover:before {
    transform: scaleX(1);
    border-radius: 25px
}

.building-view .cardContent-tag .cta-rollover:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: transparent;
    transform: scaleX(0);
    transform-origin: 50% center;
    transition: transform .3s ease-out 0;
    background: #beff00
}

@media screen and (min-width:768px) and (max-width:992px) {
    .cardContent {
        padding-left: 4em;
        padding-right: 4em
    }
}

.pbs-viewResidential .cardDescription {
    min-height: 14em;
    height: 100%
}

@media screen and (max-width:768px) {
    .pbs-viewResidential .cardDescription {
        min-height: 18em
    }
}

@media screen and (max-width:768px) {
    .pbs-viewResidential {
        padding-right: 3em !important;
        padding-left: 3em !important
    }
}

.pbs-viewResidential a {
    color: black
}

.pbs-viewResidential a:hover * {
    color: #beff00 !important
}

.pbs-viewResidential span.glyphicon.glyphicon-arrow-right,
.pbs-viewResidential span.fa-long-arrow-alt-right {
    float: right !important;
    color: black;
    font-size: 20px
}

.pbs-viewResidential.pbs-cards .pbs-card {
    position: relative
}

@media screen and (min-width:769px) {
    .pbs-viewResidential.pbs-cards .pbs-card {
        display: flex
    }
}

.pbs-viewResidential.pbs-cards .pbs-card .pbsbox-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.pbs-viewResidential.pbs-cards .pbs-card img {
    width: 100%
}

.pbs-viewResidential.pbs-cards .pbs-card .card-description {
    height: 45%;
    background-color: rgba(255, 255, 255, 0.7);
    bottom: 0;
    width: 100%;
    padding: 3%
}

.pbs-viewResidential.pbs-cards .pbs-card .card-description h5 {
    color: #beff00
}

.pbs-viewResidential.pbs-cards .pbs-card .card-description .heading-underline {
    width: 10%;
    border-color: #beff00;
    display: inline-block;
    margin-top: 2px
}

.pbs-viewResidential.pbs-cards .pbs-card .card-description.card-padding {
    padding: 6.6%
}

.pbs-viewResidential.pbs-cards .pbs-card .card-description a.pbs-card-link {
    text-decoration: none;
    font-size: 11px;
    bottom: 0;
    position: absolute;
    width: 81%
}

.pbs-viewResidential.pbs-cards .pbs-card .card-description a.pbs-card-link i {
    color: #000;
    font-size: 1rem
}

.pbs-viewResidential.pbs-cards .pbs-card .card-description a.pbs-card-link .card-link-description {
    font-size: 14px;
    font-family: "APKProtocol Regular"
}

@media screen and (max-width:76px) {
    .pbs-viewResidential.pbs-cards .pbs-card .card-description {
        height: 65%
    }
}

@media screen and (max-width:768px) {
    .pbs-viewResidential.pbs-cards .pbs-card {
        margin-bottom: 2em
    }
}

.pbs-viewResidential .pbsbox-shadow {
    width: 100%
}

.pbs-multicol h5.cardTitle {
    color: black !important;
    margin-bottom: 2em
}

.pbs-multicol h5.cardTitle+p {
    font-size: 14px
}

.pbs-multicol a.pbs-card-link {
    float: right;
    margin-bottom: 2em
}

.pbs-viewResidential.dynamic-comp-list.pbs-cards .pbs-card img.dynamic-comp-list-img {
    max-height: 200px;
    object-fit: cover;
    object-position: center center
}

.pbs-viewResidential.dynamic-comp-list.pbs-cards .pbs-card .card-description {
    height: unset
}

.pbs-viewResidential.dynamic-comp-list.pbs-cards .cardDescription {
    height: unset;
    margin-bottom: 70px
}

.building-view .component-cards--card.dynamic-comp-list-bg .cardContent {
    background-color: rgba(255, 255, 255, 0.7) !important
}

.dynamic-comp-list .dynamic-comp-list-img {
    object-fit: cover !important;
    object-position: center center !important
}

.dynamic-comp-list .dynamic-comp-list-bg {
    background-size: cover !important;
    background-position: center center !important
}

@media screen and (min-width:400px) {
    .component-cards .container.cards-text-view {
        max-width: 1440px
    }
}

@media screen and (max-width:1023px) {
    .component-cards .container.cards-text-view {
        padding-right: 33px;
        padding-left: 33px
    }
}

.component-cards .container.cards-text-view .cards-text-body {
    background-color: #fefefe;
    height: calc(90%);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    color: #323232;
    padding: 20px 5px 20px 15px;
    margin-bottom: 10px;
    border-left-width: 12px;
    border-left-style: solid
}

.component-cards .container.cards-text-view .cards-text-body.cards-text-danger {
    border-left-color: #d0021b
}

.component-cards .container.cards-text-view .cards-text-body.cards-text-warning {
    border-left-color: #f5a623
}

.component-cards .container.cards-text-view .cards-text-body.cards-text-safe {
    border-left-color: #417505
}

@media only screen and (min-width:1024px) and (max-width:1101px) {
    .component-cards.fifthcardAlign-EI .buildingCardsRow:nth-child(5) .body1.cardContent-body {
        padding-bottom: 40px !important
    }
}

@media only screen and (min-width:1298px) {
    .component-cards.fifthcardAlign-EI .buildingCardsRow:nth-child(5) .body1.cardContent-body {
        padding-bottom: 40px !important
    }
}

.component-cards.sevenCardAlign-EI .buildingCardsRow:nth-child(7) .cardContent {
    position: relative;
    top: 22px
}

.component-cards.allCardContentAlign-EI .component-cards--card .cardContent-date {
    padding: 20px 27px 0
}

.component-cards.allCardContentAlign-EI .component-cards--card .cardContent-body.body1 {
    padding: 10px 26px
}

.component-cards.allCardContentAlign-EI .component-cards--card .cardContent-tag {
    padding: 20px 25px
}

@media screen and (min-width:400px) {
    .component-cards .container.cards-title-text-view {
        max-width: 1440px
    }
}

@media screen and (max-width:1023px) {
    .component-cards .container.cards-title-text-view {
        padding-right: 33px;
        padding-left: 33px
    }
}

.component-cards .container.cards-title-text-view [class*="col-"] {
    margin-bottom: 25px
}

.component-cards .container.cards-title-text-view .titletext-cards-container {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    background-color: #fefefe;
    border-radius: 5px;
    overflow: hidden;
    height: 100%
}

.component-cards .container.cards-title-text-view .titletext-cards-container .titletext-cards-title {
    background-color: #f56500;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3)
}

.component-cards .container.cards-title-text-view .titletext-cards-container .titletext-cards-title h5 {
    padding: 16px 20px;
    line-height: 1em;
    color: white
}

.card_Center.component-cards .container.cards-title-text-view .titletext-cards-container .titletext-cards-title h5 {
    text-align: center
}

.component-cards .container.cards-title-text-view .titletext-cards-container .titletext-cards-body {
    padding: 20px;
    font-size: 14px
}

.card_Center.component-cards .container.cards-title-text-view .titletext-cards-container .titletext-cards-body {
    text-align: center
}

.gs_cardWithbg .outer_block {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 27px
}

.gs_cardWithbg .card {
    position: relative;
    border: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 5px;
    display: flex
}

.gs_cardWithbg .card .count {
    width: 60px;
    height: 60px;
    font-family: "APKProtocol Bold";
    font-size: 36px;
    position: absolute;
    top: 30px;
    left: 30px;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.gs_cardWithbg .card .count:empty {
    display: none
}

@media screen and (max-width:768px) {
    .gs_cardWithbg .card .count {
        top: 15px;
        left: 15px
    }
}

.gs_cardWithbg .card .card_foreground {
    height: 380px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: end;
    flex-shrink: 0;
    padding: 0 25px;
    padding: 0
}

@media screen and (max-width:768px) {
    .gs_cardWithbg .card .card_foreground {
        height: 350px;
        padding: 0
    }
}

.gs_cardWithbg .card .card_foreground img {
    width: 100%;
    object-fit: contain
}

@media screen and (min-width:1142px) and (max-width:1330px) {
    .gs_cardWithbg .card .card_foreground img {
        height: auto
    }
}

.gs_cardWithbg .card .card_content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: white;
    text-align: center;
    padding: 20px;
    flex-grow: 1
}

.gs_cardWithbg .card .card_content .card_title {
    margin: 0;
    margin-bottom: 25px;
    color: #FFF;
    text-align: center;
    font-family: "APKProtocol Bold";
    font-size: 36px;
    line-height: 24px;
    letter-spacing: 1.08px
}

@media screen and (max-width:768px) {
    .gs_cardWithbg .card .card_content .card_title {
        color: #FFF;
        text-align: center;
        font-size: 32px;
        line-height: 32px;
        letter-spacing: .78px;
        margin-bottom: 10px
    }
}

.gs_cardWithbg .card .card_content .card_desc p {
    margin-bottom: 0;
    color: #FFF;
    text-align: center;
    font-family: "APKProtocol Regular";
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .48px
}

@media screen and (max-width:768px) {
    .gs_cardWithbg .card .card_content .card_desc p {
        font-size: 13px;
        line-height: 18px;
        letter-spacing: .39px
    }
}

.gs_cardWithbg .card .grt-star-buttons {
    justify-content: center;
    column-gap: 15px;
    margin: 0 0 20px 0 !important
}

@media screen and (min-width:1100px) and (max-width:1330px) {
    .gs_cardWithbg .card .grt-star-buttons {
        flex-direction: column;
        row-gap: 15px
    }
}

.gs_cardWithbg .card .grt-star-buttons:empty {
    display: none !important
}

@media only screen and (max-width:991px) {
    .gs_cardWithbg .card .grt-star-buttons {
        margin: 0 0 20px 0 !important
    }
}

.gs_cardWithbg .card .grt-star-buttons .grt-view-btn {
    text-align: center
}

.gs_cardWithbg .card .grt-buy-btn {
    margin-left: 0 !important;
    background-color: #FFF
}

.gs_cardWithbg .card .grt-buy-btn small {
    font-size: 12px;
    font-style: normal;
    line-height: 15px;
    letter-spacing: .6px;
    color: #fff;
    position: absolute;
    bottom: -25px;
    left: 10px
}

@media screen and (max-width:768px) {
    .gs_cardWithbg .card .grt-buy-btn small {
        font-size: 12px;
        line-height: 12px
    }
}

.bodycopy {
    word-wrap: break-word
}

#accordion .bodyCopyContainer a:hover {
    text-decoration: underline;
    color: #666
}

.bodyCopyContainer.bc-full-width .bodycopy {
    width: 100%;
    max-width: 100%;
    padding: 0 !important
}

@media only screen and (max-width:1023px) {
    .bodyCopyContainer.bc-mobile-padding .bodycopy {
        padding: 0 33px !important
    }
}

@media only screen and (max-width:1250px) and (min-width:960px) {
    .bodyCopyContainer.low-padding-small-desktop .bodycopy {
        padding: 0 33px !important
    }
}

@media only screen and (min-width:1201px) {
    .bodyCopyContainer.padding-left-desktop {
        padding-left: 25px
    }
}

.bodyCopyContainer.highlight-bold .bodycopy b {
    font-family: "APKProtocol Bold"
}

.asset-content_data {
    padding: 20px;
    width: 100%;
    position: relative;
    display: flex
}

@media only screen and (max-width:767px) {
    .asset-content_data {
        display: contents;
        flex-direction: column
    }
}

.asset-content_data .zero-padding {
    padding: 0 !important
}

.asset-content_data .right-data .right-data_container {
    font-size: 18px
}

@media only screen and (max-width:767px) {
    .asset-content_data .right-data .right-data_container {
        padding: 20px;
        font-size: 14px
    }
}

.asset-content_data .left-data img {
    width: 100%;
    display: block
}

.asset.asset-position_right .right-data {
    order: -1
}

.asset.asset_Vertical .asset-content_data {
    flex-direction: column
}

.asset.margin_left .asset-content_data .right-data {
    margin-left: 10px
}

.asset.margin_left .asset-content_data .left-data {
    margin-left: 10px
}

.asset.Full_Width_Content .asset-content_data .right-data {
    flex: 0 0 100%;
    max-width: 100%
}

.asset.Full_Width_Asset .asset-content_data .left-data {
    flex: 0 0 100%;
    max-width: 100%
}

.asset.img_rounded img {
    border-radius: 8px
}

.asset.img_circle img {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%
}

.asset.img_circle .left-data {
    width: 25%
}

.asset.img_thumbnail img {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px
}

.asset.img_thumbnail img:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5)
}

.asset.asset_width_25 .asset-content_data .left-data {
    width: 25%
}

.asset.asset_width_25 .asset-content_data .left-data img {
    width: 25%
}

.asset.asset_width_25 .asset-content_data .right-data {
    width: 75%
}

.asset.asset_width_50 .asset-content_data .left-data img {
    width: 50%
}

.asset.asset_width_75 .asset-content_data .left-data img {
    width: 75%
}

.asset.content_left .right-data .right-data_container {
    text-align: left
}

.asset.content_right .right-data .right-data_container {
    text-align: right
}

.asset.content_center .right-data .right-data_container {
    text-align: center
}

.anchorlist .anchorlist {
    background-color: #7f9ac6
}

.anchorlist .anchorlist .ancholist_items {
    display: inline-flex;
    list-style-type: none
}

.anchorlist .anchorlist .ancholist_items li {
    display: inline-block;
    padding: 10px
}

@media(max-width:576px) {
    .anchorlist-responsive.anchorlist .anchorlist .ancholist_items {
        flex-wrap: wrap;
        padding: 0 15px
    }

    .anchorlist-responsive.anchorlist .anchorlist .ancholist_items li {
        flex-basis: 100%;
        border-bottom: 1px solid #f0f0f0
    }

    .anchorlist-responsive.anchorlist .anchorlist .ancholist_items li:last-child {
        border: 0
    }
}

.anchorlist a {
    color: #fff;
    text-decoration: none !important
}

.anchorlist .anchorlist_names a {
    font-size: 14px;
    margin-right: 2.5rem;
    text-decoration: none
}

.accordion {
    margin-bottom: 2rem;
    padding-left: 0;
    list-style-type: none
}

.accordion .accordion__item {
    padding-left: 1rem;
    padding-right: 1rem
}

.accordion .accordion__item:not(:first-child) {
    border-top: 0
}

.accordion .accordion__item .accordion__title {
    position: relative;
    display: block;
    color: #102537;
    font-size: 1.375rem;
    font-family: "APKProtocol Regular";
    font-weight: 600;
    border: 0;
    border-bottom: 2px solid #e7ebee;
    padding: 1.5rem 2.5rem 1.5rem 0;
    line-height: 1;
    top: -13px
}

.accordion .accordion__item .accordion__title:before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    font-size: .75rem;
    font-weight: normal;
    color: #000;
    content: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/minus.svg')
}

.accordion .accordion__item .accordion__title.collapsed {
    border-bottom: 0
}

.accordion .accordion__item .accordion__title.collapsed:before {
    content: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/plus.svg')
}

.accordion .accordion__item .accordion__title:hover,
.accordion .accordion__item .accordion__title:focus {
    color: #102537
}

.accordion .accordion__content {
    padding: 1rem
}

.accordion .accordion__content p {
    color: blue;
    padding-left: 0
}

:last-child:not(.is-active)>.accordion__title {
    border-bottom: 2px solid #e7ebee
}

@media screen and (max-width:575px) {
    .accordion__title {
        padding-right: 2.5rem
    }
}

.ac-open-view .accordion .accordion__item {
    padding-left: 0;
    padding-right: 0
}

.ac-open-view .accordion .accordion__item .accordion__title:before {
    color: #00b2a9 !important;
    font-size: 2rem;
    content: '−' !important
}

.ac-open-view .accordion .accordion__item .accordion__title.collapsed {
    border-bottom: 0
}

.ac-open-view .accordion .accordion__item .accordion__title.collapsed:before {
    content: '+' !important
}

@media screen and (min-width:960px) and (max-width:1023px) {
    .Edu-accordion-filters {
        padding: 0 !important
    }
}

@media screen and (max-width:1023px) {
    .Edu-accordion-filters #accordion {
        padding: 0 33px
    }
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    .Edu-accordion-filters #accordion {
        padding: 0 94px
    }
}

.Edu-accordion-filters #accordion .accordion .accordion__item {
    padding: 0;
    margin-bottom: 61px;
    padding-left: 42px;
    border: solid 1px #ebebeb
}

@media screen and (max-width:767px) {
    .Edu-accordion-filters #accordion .accordion .accordion__item {
        margin-bottom: 30px
    }
}

@media screen and (max-width:1023px) {
    .Edu-accordion-filters #accordion .accordion .accordion__item {
        padding-left: 15px
    }
}

.Edu-accordion-filters #accordion .accordion .accordion__item .accordion__title {
    padding-top: 54px;
    padding-bottom: 0;
    height: 100px;
    border-bottom: 0;
    font-size: 30px;
    font-family: "APKProtocol Regular"
}

@media screen and (max-width:480px) {
    .Edu-accordion-filters #accordion .accordion .accordion__item .accordion__title {
        padding-top: 24px;
        height: 60px
    }
}

@media screen and (max-width:767px) {
    .Edu-accordion-filters #accordion .accordion .accordion__item .accordion__title {
        font-size: 18px
    }
}

.Edu-accordion-filters #accordion .accordion .accordion__item .accordion__title:before {
    color: #000 !important;
    content: "\2212";
    font-size: 30px;
    line-height: 27px;
    border: solid 1px #000;
    width: 22px;
    height: 22px;
    text-align: center;
    margin-top: 2px
}

.Edu-accordion-filters #accordion .accordion .accordion__item .accordion__title.collapsed:before {
    content: "\002B";
    font-size: 30px;
    border: solid 1px #000;
    color: #000;
    width: 22px;
    height: 22px;
    text-align: center;
    margin-top: 2px
}

.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__title {
    border-top: none !important;
    border-bottom: .3px solid #ccc !important
}

.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__title:before {
    content: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/arrow-up.svg')
}

.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item .accordion__title.collapsed:before {
    content: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/arrow-down.svg')
}

.accordion_border.replace-with-cap-symbol .accordion-with-animation .accordion .accordion__item:first-of-type .accordion__title {
    border-top: .3px solid #ccc !important
}

.accordion_border.remove-extra-space .accordion-with-animation .accordion .accordion__content {
    padding-bottom: 0
}

.accordion_border.title-h4 h5 {
    font-size: 26px;
    line-height: 32px
}

@media(max-width:767px) {
    .accordion_border.title-h4 h5 {
        font-size: 20px;
        line-height: 28px
    }
}

.accordion_border.noborder .accordion {
    border-top: 0;
    border-bottom: 0 !important
}

.accordion_border.outline_border_accordion .accordion {
    border: 2px solid #e7ebee
}

.accordion_border.outline_border_accordion .accordion .accordion__title {
    border-bottom: 2px solid #e7ebee
}

.accordion_border.border_accord_item .accordion__item {
    border: 2px solid #e7ebee
}

.accordion_border.border_top .accordion .accordion__item .accordion__title {
    border-top: 2px solid #e7ebee;
    border-bottom: 0
}

.accordion_border.without_border .accordion {
    border: 0
}

.accordion_border.without_border .accordion .accordion__item .accordion__title {
    border-bottom: 2px solid #e7ebee
}

.filter-accordion {
    max-width: 1440px;
    margin: auto
}

@media screen and (max-width:1023px) {
    .filter-accordion {
        padding: 0 33px !important
    }
}

@media screen and (min-width:1024px) {
    .filter-accordion {
        padding: 0 94px !important
    }
}

.filter-accordion .accordion .content-container .card {
    border: 0;
    display: none
}

.filter-accordion .accordion .content-container .card .card-wrap {
    margin-bottom: 61px
}

@media screen and (max-width:767px) {
    .filter-accordion .accordion .content-container .card .card-wrap {
        margin-bottom: 20px
    }
}

.filter-accordion .accordion .content-container .card .card-wrap .card-header {
    background: #fff;
    height: 100px;
    padding-top: 30px;
    border: solid 1px #ebebeb
}

@media screen and (max-width:479px) {
    .filter-accordion .accordion .content-container .card .card-wrap .card-header {
        padding-top: 15px;
        height: auto
    }
}

.filter-accordion .accordion .content-container .card .card-wrap .card-header h2 {
    display: flex;
    justify-content: space-between
}

.filter-accordion .accordion .content-container .card .card-wrap .card-header h2 a {
    display: block;
    font-family: "APKProtocol Regular";
    font-size: 30px;
    cursor: pointer;
    padding: 0;
    text-align: left;
    width: 100%;
    color: #000;
    line-height: .96;
    letter-spacing: normal
}

@media screen and (max-width:767px) {
    .filter-accordion .accordion .content-container .card .card-wrap .card-header h2 a {
        font-size: 18px;
        line-height: 24px;
        display: flex;
        justify-content: inherit
    }
}

.filter-accordion .accordion .content-container .card .card-wrap .card-header h2 a .acc-plus-minus {
    width: 22px;
    height: 22px;
    float: right;
    font-size: 15px;
    border: solid 2px #334;
    padding: 2px;
    margin: 10px;
    line-height: 15px
}

@media screen and (max-width:479px) {
    .filter-accordion .accordion .content-container .card .card-wrap .card-header h2 a .acc-plus-minus {
        margin: 0
    }
}

.filter-accordion .accordion .content-container .card .card-wrap .card-header h2 a .acc-plus-minus {
    line-height: 15px
}

.filter-accordion .accordion .content-container .card .card-wrap .card-header .collapse.show {
    border-top: none !important
}

.filter-accordion .accordion .content-container .card .card-wrap .card-header .accordion__content p {
    color: #beff00;
    font-size: 18px;
    line-height: 29px;
    padding-left: 15px
}

.filter-accordion h5 {
    color: #beff00
}

.filter-accordion .card-wrap:nth-child(n+5) {
    display: none
}

.filter-accordion .collapse {
    border: solid 1px #ebebeb
}

.filter-accordion .search-container {
    padding: 0 20px !important
}

@media screen and (max-width:767px) {
    .filter-accordion .search-container {
        padding: 0 !important
    }
}

.filter-accordion .accordion-filter-viewmore {
    text-align: center
}

.filter-accordion .accordion-filter-viewmore .accordion-viewmore {
    background: #fff;
    box-shadow: none;
    border: solid 1px #333;
    width: 218px;
    height: 51px;
    border-radius: 25px;
    text-transform: uppercase;
    font-size: 12px;
    color: #beff00;
    font-weight: 700;
    letter-spacing: 2.4px
}

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

    .filter-accordion .doc-list,
    .filter-accordion .video-list {
        padding: 0
    }
}

.filter-accordion button:focus {
    outline: 0
}

@media screen and (min-width:1024px) {
    .eduhub-accordion-filters {
        padding: 0 94px
    }
}

.eduhub-accordion-filters .eduhub-heading {
    font-family: "APKProtocol Regular";
    width: auto;
    height: 66px;
    font-size: 72px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.36px;
    text-align: center;
    color: #000;
    margin: 0 auto 78px auto;
    position: relative
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .eduhub-heading {
        font-size: 36px;
        margin-bottom: 48px
    }
}

.eduhub-accordion-filters .eduhub-heading::after {
    content: "";
    width: 51px;
    height: 2px;
    background: #beff00;
    display: block;
    position: absolute;
    bottom: -41px;
    left: 47%;
    right: auto
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .eduhub-heading::after {
        bottom: 0
    }
}

.eduhub-accordion-filters .acc-buttons {
    background: #ebebeb !important;
    height: auto;
    margin: 0 auto;
    max-width: 1440px;
    display: flex;
    width: 100%
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons {
        max-width: 100%;
        display: inline-block
    }
}

@media screen and (max-width:1023px) {
    .eduhub-accordion-filters .acc-buttons {
        padding: 0 33px 60px 33px;
        height: auto
    }
}

@media screen and (min-width:1024px) and (max-width:1359px) {
    .eduhub-accordion-filters .acc-buttons {
        padding-bottom: 60px
    }
}

@media screen and (min-width:1360px) {
    .eduhub-accordion-filters .acc-buttons {
        padding-bottom: 70px
    }
}

@media(min-width:1024px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content {
        width: 500px;
        margin: 77px 0 0 40px
    }
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap {
        margin: 30px 0
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap {
        margin: 77px 15px 0 5px
    }
}

@media screen and (min-width:1024px) and (max-width:1360px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap {
        margin: 0 65px 0 5px
    }
}

.eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap h2 {
    width: auto;
    line-height: 44px;
    font-weight: normal;
    padding-bottom: 10px;
    font-family: "APKProtocol Regular";
    font-size: 48px;
    text-align: left;
    color: #000
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap h2 {
        text-align: center
    }
}

.eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap h3 {
    width: auto;
    line-height: 44px;
    padding-bottom: 10px;
    font-weight: normal;
    font-family: "APKProtocol Regular";
    font-size: 32px;
    text-align: left;
    color: #000
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap h3 {
        text-align: center
    }
}

.eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap p {
    width: auto;
    line-height: 22px;
    font-family: "APKProtocol Regular";
    font-size: 24px;
    text-align: left;
    color: #000
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap p {
        text-align: center;
        margin-top: 20px
    }
}

.eduhub-accordion-filters .acc-buttons .acc-right-buttons {
    margin: 150px 0 0 0;
    width: 550px
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons {
        width: 100%;
        margin: 40px 0;
        display: inline-block;
        text-align: center
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons {
        margin: 80px 0 0 0;
        text-align: center;
        width: 60%
    }
}

@media screen and (min-width:1024px) and (max-width:1360px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons {
        margin-top: 80px !important;
        width: 45%
    }
}

.eduhub-accordion-filters .acc-buttons .acc-right-buttons button {
    line-height: 20px;
    padding-top: 6px;
    width: 218px;
    height: 51px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    transition: .2s all linear;
    background: 0;
    display: inline-block;
    border: solid 1px #000;
    border-radius: 25px;
    text-decoration: none;
    color: #000;
    letter-spacing: 2.4px;
    font-family: "APKProtocol Bold"
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons button {
        line-height: 15px !important;
        padding-top: 6px
    }
}

.eduhub-accordion-filters .acc-buttons .acc-right-buttons button:hover {
    border: solid 1px #beff00;
    color: #beff00;
    transition: .2s all linear
}

@media screen and (max-width:479px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons button {
        width: 160px;
        height: 45px;
        font-size: 12px;
        line-height: 46px;
        margin-bottom: 15px !important
    }
}

@media screen and (min-width:480px) and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons button {
        width: 180px;
        height: 45px;
        font-size: 12px;
        line-height: 46px
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons button {
        width: 148px;
        margin: 12px !important
    }
}

@media screen and (min-width:1024px) and (max-width:1360px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons button {
        width: 158px
    }
}

.eduhub-accordion-filters .acc-buttons .acc-right-buttons button.active {
    font-family: "APKProtocol Bold";
    color: #beff00;
    border: solid 1px #beff00
}

.eduhub-accordion-filters .acc-buttons .acc-right-buttons .btn-click {
    margin: 26px
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons .btn-click {
        margin: 10px !important
    }
}

@media screen and (min-width:1024px) and (max-width:1199px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons .btn-click {
        margin: 12px
    }
}

.eduhub-accordion-filters button:focus {
    outline: 0
}

@font-face {
    font-family: "APKProtocol Thin";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Thin.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Thin Italic";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Thin-Italic.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Thin-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Light";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Light.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Light Italic";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Light-Italic.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Light-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Regular";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Regular.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Regular Italic";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Regular-Italic.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Regular-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Medium";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Medium.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Medium Italic";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Medium-Italic.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Medium-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Semibold";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Semi-Bold.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Semi-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Semibold Italic";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Semi-Bold-Italic.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Semi-Bold-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Bold";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Bold.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Bold Italic";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Bold-Italic.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Bold-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Extra Bold";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Extra-Bold.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Extra-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(./clientlib-global/source/resources/fonts/glyphicons-halflings-regular.eot);
    src: url(./clientlib-global/source/resources/fonts/glyphicons-halflings-regular.eot%3F) format("embedded-opentype"), url(./clientlib-global/source/resources/fonts/glyphicons-halflings-regular.woff) format("woff"), url(./clientlib-global/source/resources/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(./clientlib-global/source/resources/fonts/glyphicons-halflings-regular.svg) format("svg")
}

@font-face {
    font-family: "APKProtocol Thin";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Thin.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Thin Italic";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Thin-Italic.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Thin-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Light";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Light.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Light Italic";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Light-Italic.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Light-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Regular";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Regular.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Regular Italic";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Regular-Italic.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Regular-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Medium";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Medium.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Medium Italic";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Medium-Italic.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Medium-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Semibold";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Semi-Bold.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Semi-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Semibold Italic";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Semi-Bold-Italic.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Semi-Bold-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Bold";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Bold.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Bold Italic";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Bold-Italic.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Bold-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "APKProtocol Extra Bold";
    src: url('./clientlib-global/source/resources/fonts/APK-Protocol-Extra-Bold.woff2') format('woff2'), url('./clientlib-global/source/resources/fonts/APK-Protocol-Extra-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal
}

h1 {
    font-family: "APKProtocol Regular";
    font-size: 42px;
    line-height: 46px;
    letter-spacing: 0;
    color: #000
}

@media only screen and (min-width:768px) {
    h1 {
        font-size: 60px;
        line-height: 64px
    }
}

h2 {
    font-family: "APKProtocol Medium";
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.5px;
    color: #000
}

@media only screen and (min-width:768px) {
    h2 {
        font-size: 42px;
        line-height: 48px
    }
}

.campaign-heading {
    font-family: "APKProtocol Semibold"
}

h3 {
    font-family: "APKProtocol Regular";
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.5px;
    color: #000
}

@media only screen and (min-width:768px) {
    h3 {
        font-size: 32px;
        line-height: 38px
    }
}

h3.medium {
    font-family: "APKProtocol Medium"
}

h4 {
    font-family: "APKProtocol Regular";
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000
}

h4.medium {
    font-family: "APKProtocol Medium"
}

@media only screen and (min-width:768px) {
    h4 {
        font-size: 26px;
        line-height: 32px
    }
}

h5 {
    font-family: "APKProtocol Regular";
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    color: #000
}

@media only screen and (min-width:768px) {
    h5 {
        font-size: 18px;
        line-height: 24px
    }
}

a {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .5;
    color: #000
}

.eyebrow {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .5px;
    color: #000
}

.credits {
    font-family: "APKProtocol Regular";
    font-size: 11px;
    line-height: 15px;
    letter-spacing: .5px;
    color: #e1e1e1
}

.body1 {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    color: #212121
}

@media only screen and (min-width:768px) {
    .body1 {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -0.1px
    }
}

.body2 {
    font-family: "APKProtocol Regular", sans-serif;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    color: #212121
}

.body2 p {
    font-family: "APKProtocol Regular", sans-serif;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0
}

.body2-bold {
    font-family: "APKProtocol Bold"
}

.body3 {
    font-family: "APKProtocol Regular", sans-serif;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0;
    color: #212121
}

.body3 p {
    font-family: "APKProtocol Regular", sans-serif;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0
}

.body3-bold {
    font-family: "APKProtocol Bold"
}

a.cta {
    border: 1px solid #000;
    border-radius: 25px;
    font-size: 16px;
    line-height: 1;
    padding: 1.0625em 3em .9375em;
    font-family: "APKProtocol Regular", sans-serif;
    letter-spacing: -0.5px;
    text-decoration: none;
    cursor: pointer;
    color: #000;
    display: inline-block;
    margin: 10px 0
}

a.cta:hover {
    border-color: #beff00;
    color: #000;
    background: #beff00
}

a.cta:active {
    color: #000;
    background: #beff00;
    border-color: #beff00
}

a.cta.white {
    color: #fff;
    border-color: #fff
}

a.cta.white:hover {
    border-color: #beff00;
    color: #beff00
}

a.cta.white:active {
    color: #fff
}

a.cta.black {
    color: #fff;
    background-color: #000
}

a.cta.black:hover {
    background-color: #beff00
}

a.arrow {
    font-size: 14px;
    margin-top: 1.5em;
    display: inline-block;
    color: #212121;
    text-decoration: none
}

@media only screen and (min-width:768px) {
    a.arrow {
        font-size: 16px
    }
}

a.arrow:hover {
    color: #666
}

a.arrow:after {
    content: '→';
    position: relative;
    top: .125em;
    margin-left: .5em
}

label.checkbox {
    display: block;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    font-size: 14px;
    user-select: none
}

label.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

label.checkbox.disabled {
    color: #e1e1e1;
    cursor: not-allowed
}

label.checkbox.disabled input {
    cursor: not-allowed
}

label.checkbox.disabled span.checkmark {
    border: solid 1px #e1e1e1
}

label.checkbox.disabled:hover input~span.checkmark {
    background-color: #fff;
    border: solid 1px #e1e1e1
}

label.checkbox span.checkmark {
    position: absolute;
    left: 0;
    top: 0;
    height: 24px;
    width: 24px;
    border-radius: 100%;
    background-color: #fff;
    border: solid 1px #e1e1e1
}

label.checkbox span.checkmark::after {
    content: "";
    position: absolute;
    display: none
}

label.checkbox:hover input~span.checkmark {
    background-color: #e1e1e1;
    border: 0
}

label.checkbox input:checked~span.checkmark {
    background-color: #beff00
}

label.checkbox input:checked~span.checkmark:after {
    display: block
}

label.checkbox span.checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

section:not(:first-child) {
    margin-top: 3em
}

h2 {
    margin-top: 0
}

.grid-container {
    padding-left: 3px;
    padding-right: 3px;
    margin: 0 auto;
    box-sizing: border-box
}

@media only screen and (min-width:768px) {
    .grid-container {
        padding: 0 9px;
        min-width: 768px
    }
}

@media only screen and (min-width:1024px) {
    .grid-container {
        padding: 0 94px;
        min-width: 1024px;
        max-width: 1440px
    }
}

.grid-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 0
}

@media only screen and (min-width:768px) {
    .grid-row {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 18px;
        grid-row-gap: 0
    }
}

@media only screen and (min-width:1024px) {
    .grid-row {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 32px;
        grid-row-gap: 0
    }
}

.grid-item {
    padding: 1em;
    text-align: center
}

.col-item-1 {
    grid-column: span 1
}

.col-item-2 {
    grid-column: span 2
}

.col-item-3 {
    grid-column: span 3
}

.col-item-4 {
    grid-column: span 4
}

.col-item-5 {
    grid-column: span 5
}

.col-item-6 {
    grid-column: span 6
}

.col-item-7 {
    grid-column: span 7
}

.col-item-8 {
    grid-column: span 8
}

.col-item-9 {
    grid-column: span 9
}

.col-item-10 {
    grid-column: span 10
}

.col-item-11 {
    grid-column: span 11
}

.col-item-12 {
    grid-column: span 12
}

.color-1 {
    background-color: #112f41;
    color: white
}

.color-2 {
    background-color: #0894a1
}

.color-3 {
    background-color: #47ab6c
}

.color-4 {
    background-color: #f2b134
}

.color-5 {
    background-color: #ed553b
}

ol,
ul {
    margin: 0;
    padding: 0
}

.bodycopy ul,
.bodycopy ol,
.newsbody-copy ul,
.newsbody-copy ol {
    margin: 0 0 1rem 2rem
}

a:hover {
    text-decoration: none
}

body:not(.lazy-load-bg-imgs) [style*=background]:not([style*=background-color]),
.no-background {
    background: unset !important;
    background-image: unset !important
}

body {
    font-family: "APKProtocol Regular"
}

.electronics-container {
    max-width: 1170px;
    margin: 0 auto
}

.aem-GridColumn {
    padding: 0
}

.aem-GridColumn.electronics-container,
.aem-GridColumn.electronics-container-fluid {
    float: none !important
}

.electronics-article-container {
    margin: 0 auto;
    float: none !important;
    padding: 0 33px !important
}

@media(min-width:576px) {
    .electronics-article-container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .electronics-article-container {
        max-width: 743px
    }
}

.aem-GridColumn.esl-fixed-container {
    clear: both !important;
    float: none !important;
    padding: 0 94px !important;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

@media screen and (max-width:1023px) {
    .aem-GridColumn.esl-fixed-container {
        padding: 0 33px !important
    }
}

.responsivegrid .black {
    background-color: #444
}

.responsivegrid .grey {
    background-color: #f2f2f2
}

.responsivegrid .lightYellow {
    background-color: #f3f7e4
}

.responsivegrid .aliceBlue {
    background-color: #eef6fc
}

.responsivegrid .red {
    background-color: #beff00
}

.equal-height .aem-Grid {
    display: flex;
    flex-wrap: wrap
}

.fontsize10 {
    font-size: 10px
}

.fontsize12 {
    font-size: 12px
}

.fontsize14 {
    font-size: 14px
}

.fontsize16 {
    font-size: 16px
}

.fontsize18 {
    font-size: 18px
}

.fontsize20 {
    font-size: 20px
}

.fontsize22 {
    font-size: 22px
}

.fontsize24 {
    font-size: 24px
}

.fontsize26 {
    font-size: 26px
}

.fontsize28 {
    font-size: 28px
}

.fontsize30 {
    font-size: 30px
}

.fontsize32 {
    font-size: 32px
}

.fontsize34 {
    font-size: 34px
}

.fontsize36 {
    font-size: 36px
}

.fontsize38 {
    font-size: 38px
}

.fontsize40 {
    font-size: 40px
}

.fontsize42 {
    font-size: 42px
}

.fontsize44 {
    font-size: 44px
}

@media(max-width:767px) {
    .fontsize10 {
        font-size: 10px
    }

    .fontsize12 {
        font-size: 12px
    }

    .fontsize14 {
        font-size: 12px
    }

    .fontsize16 {
        font-size: 12px
    }

    .fontsize18 {
        font-size: 14px
    }

    .fontsize20 {
        font-size: 16px
    }

    .fontsize22 {
        font-size: 16px
    }

    .fontsize24 {
        font-size: 18px
    }

    .fontsize26 {
        font-size: 18px
    }

    .fontsize28 {
        font-size: 18px
    }

    .fontsize30 {
        font-size: 20px
    }

    .fontsize32 {
        font-size: 20px
    }

    .fontsize34 {
        font-size: 24px
    }

    .fontsize36 {
        font-size: 24px
    }
}

.global-padding-left {
    padding-left: 15px
}

@media(min-width:768px) and (max-width:1024px) {
    .global-padding-left {
        padding-left: 30px
    }
}

.global-padding-right {
    padding-right: 15px
}

@media(min-width:768px) and (max-width:1024px) {
    .global-padding-right {
        padding-right: 30px
    }
}

.global-padding-top {
    padding-top: 15px
}

.global-padding-bottom {
    padding-bottom: 15px
}

h3 .medium {
    font-family: "APKProtocol Medium"
}

.container {
    float: none !important
}

.cq-Editable-dom {
    clear: both
}

.heroimage .header-title-container a.cta {
    color: #000;
    border-color: #beff00;
    background: #beff00
}

.heroimage .header-title-container a.cta:hover {
    border-color: #98cc00;
    background: #98cc00;
    color: #000
}

.heroimage .header-title-container a.cta:active {
    color: #000
}

.plyr__control--overlaid svg {
    fill: #000
}

.video-wrapper .plyr--video .plyr__control.plyr__tab-focus,
.video-wrapper .plyr--video .plyr__control:hover,
.video-wrapper .plyr--video .plyr__control[aria-expanded=true] {
    background: transparent
}

.plyr--video .plyr__control--overlaid.plyr__control.plyr__tab-focus,
.plyr--video .plyr__control--overlaid.plyr__control:hover,
.plyr--video .plyr__control--overlaid.plyr__control[aria-expanded=true] {
    background: #98cc00
}

.cmp-featuredBlock.img-at-left .imageTextLeftView.featuredBlock .container .row {
    flex-direction: row
}

.cmp-featuredBlock .imageTextLeftView.featuredBlock .container .row {
    align-items: center;
    flex-direction: row-reverse
}

.cmp-featuredBlock .imageTextLeftView.featuredBlock .container .row .center-text-box .headingImageLeft {
    color: #fff
}

.cmp-featuredBlock .imageTextLeftView.featuredBlock .container .row .center-text-box h3.textImageLeft {
    margin: 20px 0
}

.story-package .story-package-v2 .col-sm-3 .card-item:last-child::after {
    display: none
}

.story-package .story-package-v2 .story-title h5 {
    font-size: 28px;
    line-height: 1.14;
    color: #000;
    margin-bottom: 20px
}

.story-package .story-package-v2 .story-title::after {
    background-color: #000
}

.story-package .story-package-v2 .story-title a {
    font-size: 18px;
    line-height: 1.33;
    color: #000;
    margin-bottom: 20px
}

.story-package .story-package-v2 .story-title a:hover {
    color: #666
}

.query-based-text .cmp-queryBasedText h1 {
    color: #000
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: none
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none
}

.component-quoteBlock--withoutDoubleQuotes>.topDivider {
    background: #000 !important
}

a.cta.btn-cta-primary {
    border: 1px solid #beff00;
    background-color: #beff00;
    color: #000
}

a.cta.btn-cta-primary:hover {
    border: 1px solid #98cc00;
    background-color: #98cc00;
    color: #000
}

a.cta.btn-cta-secondary {
    border: 1px solid white;
    background-color: transparent;
    color: white
}

a.cta.btn-cta-secondary:hover {
    border: 1px solid #beff00;
    background-color: #beff00;
    color: #000
}

.component-download-share a:hover {
    color: #666
}

a:hover {
    color: #666
}

@keyframes fromTop {
    0 {
        top: -100px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@keyframes fromBottom {
    0 {
        top: 0;
        opacity: 1
    }

    100% {
        top: -100px;
        opacity: 0
    }
}

.component-navigation--logo .navigationShare {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.component-navigation--logo .navigationShare a {
    display: inline-block;
    position: relative;
    width: auto;
    left: 0;
    top: 0;
    transform: none;
    padding-left: 20px
}

.component-navigation--logo .navigationShare a img {
    display: inline-block;
    height: 30px;
    opacity: 1
}

.component-navigation--logo .navigationShare a:first-child {
    padding-left: 0
}

.component-navigation--logo.showShare .navigationShare {
    display: block
}

.component-navigation--logo.showShare .navigation-logo {
    display: none
}

.component-actionbar {
    background-color: white;
    width: 100%;
    z-index: 95;
    margin-bottom: 30px;
    transition: top 700ms ease-out 200ms
}

@media screen and (min-width:1024px) {
    .component-actionbar {
        margin-bottom: 0
    }
}

.component-actionbar--pageinfo {
    display: none
}

@media screen and (min-width:1024px) {
    .component-actionbar .container {
        padding-left: 0;
        padding-right: 0;
        display: block;
        height: 100%;
        position: relative
    }
}

.component-actionbar--contain {
    color: #212121;
    position: relative
}

@media screen and (min-width:1024px) {
    .component-actionbar--contain {
        width: 150px;
        position: absolute;
        right: 0
    }
}

.component-actionbar--contain .divider {
    display: none
}

.component-actionbar--contain-overview {
    position: relative;
    display: none
}

@media screen and (min-width:1024px) {
    .component-actionbar--contain-overview {
        display: block
    }
}

.component-actionbar--contain-overview a {
    position: relative;
    display: inline-block;
    height: 15px;
    padding-left: 25px;
    line-height: 16px;
    vertical-align: middle;
    text-decoration: none
}

.component-actionbar--contain-overview a img {
    height: 15px;
    position: absolute;
    left: 0
}

.component-actionbar--contain-overview a:hover {
    color: #beff00
}

.component-actionbar--contain-brands {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 33px
}

.component-actionbar--contain-brands i {
    display: inline-block;
    margin-left: 10px
}

.component-actionbar--contain-brands.open ul {
    position: absolute;
    display: block;
    background-color: #fff;
    padding: 20px 30px 30px;
    width: calc(130%);
    margin: 0;
    margin-left: -30px
}

@media screen and (min-width:1024px) {
    .component-actionbar--contain-brands {
        display: block;
        position: relative;
        line-height: 1.43;
        right: auto;
        top: auto;
        transform: none
    }

    .component-actionbar--contain-brands i {
        display: none
    }
}

.component-actionbar--contain-brands ul {
    display: none;
    list-style: none;
    margin: 15px 0 0;
    padding: 0
}

@media screen and (min-width:1024px) {
    .component-actionbar--contain-brands ul {
        display: block
    }
}

.component-actionbar--contain-brands ul li a {
    font-size: 12px;
    line-height: 1.92;
    text-decoration: none
}

.component-actionbar--contain-brands ul li a:hover {
    color: #beff00
}

.component-actionbar--contain-share {
    padding: 0 0 0 33px;
    margin: 0;
    position: relative;
    display: inline-block
}

.component-actionbar--contain-share .share-off {
    display: none
}

.component-actionbar--contain-share .share-on {
    display: block;
    visibility: visible;
    background-color: #fff;
    height: 30px;
    margin: 18px 0
}

.component-actionbar--contain-share .share-on a {
    display: inline-block;
    margin-left: 20px
}

.component-actionbar--contain-share .share-on a img {
    display: inline-block;
    height: 30px;
    opacity: 1
}

.component-actionbar--contain-share .share-on a:first-child {
    margin-left: 0
}

@media screen and (min-width:1024px) {
    .component-actionbar--contain-share {
        border: solid .2px #979797;
        border-style: solid none;
        display: block;
        padding: 18px 0;
        margin: 20px 0
    }

    .component-actionbar--contain-share .share-off {
        display: block;
        position: relative;
        height: 30px;
        opacity: 1;
        transition-property: opacity;
        transition-delay: 0;
        transition-duration: 500ms;
        transition-timing-function: ease-in-out
    }

    .component-actionbar--contain-share .share-off a {
        position: relative;
        display: inline-block;
        height: 16px;
        padding-left: 25px;
        line-height: 16px;
        vertical-align: middle;
        margin: 7px 0
    }

    .component-actionbar--contain-share .share-off a img {
        height: 15px;
        position: absolute;
        left: 0
    }

    .component-actionbar--contain-share .share-on {
        visibility: hidden;
        position: absolute;
        top: 0;
        opacity: 0;
        transition-property: opacity;
        transition-duration: 500ms;
        transition-timing-function: ease-in
    }

    .component-actionbar--contain-share .share-on a {
        margin-left: 25px
    }

    .component-actionbar--contain-share .share-on a:hover img {
        opacity: .3
    }
}

.component-actionbar--contain-share:hover .share-off {
    opacity: 0
}

.component-actionbar--contain-share:hover .share-on {
    opacity: 1;
    visibility: visible
}

.component-actionbar.scroll-postop {
    z-index: 222;
    display: none;
    height: 88px;
    position: fixed;
    top: -100px;
    left: 0
}

.component-actionbar.scroll-postop.scroll-postop-in {
    top: 0;
    animation: fromTop 600ms ease
}

.component-actionbar.scroll-postop.scroll-postop-out {
    top: 0;
    animation: fromBottom 600ms ease 200ms
}

@media screen and (min-width:1024px) {
    .component-actionbar.scroll-postop {
        display: block
    }

    .component-actionbar.scroll-postop .container {
        height: 88px;
        position: relative
    }

    .component-actionbar.scroll-postop .component-actionbar--pageinfo {
        display: block;
        position: absolute;
        top: 46px;
        transform: translateY(-50%);
        left: 10px
    }

    .component-actionbar.scroll-postop .component-actionbar--pageinfo .divider {
        display: inline-block;
        width: 1px;
        height: 16px;
        background-color: #000;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .component-actionbar.scroll-postop .component-actionbar--pageinfo .category,
    .component-actionbar.scroll-postop .component-actionbar--pageinfo .title {
        font-family: "APKProtocol Regular";
        font-size: calc(15px - (2 * (1px - ((100vw - 1024px) / 416))));
        display: inline-block;
        padding-left: 0;
        padding-right: 22px;
        color: #a2a2a2
    }

    .component-actionbar.scroll-postop .component-actionbar--pageinfo .title {
        padding-right: 0;
        padding-left: 25px;
        color: #000
    }

    .component-actionbar.scroll-postop .component-actionbar--contain {
        position: absolute;
        right: 10px;
        width: auto;
        top: 46px;
        transform: translateY(-50%)
    }

    .component-actionbar.scroll-postop .component-actionbar--contain .divider {
        width: 1px;
        background-color: #000;
        height: 15px;
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .component-actionbar.scroll-postop .component-actionbar--contain-overview,
    .component-actionbar.scroll-postop .component-actionbar--contain-share,
    .component-actionbar.scroll-postop .component-actionbar--contain-brands {
        display: inline-block;
        font-size: calc(14px - (2 * (1px - ((100vw - 1024px) / 416))))
    }

    .component-actionbar.scroll-postop .component-actionbar--contain-overview a,
    .component-actionbar.scroll-postop .component-actionbar--contain-share a,
    .component-actionbar.scroll-postop .component-actionbar--contain-brands a {
        font-size: calc(14px - (2 * (1px - ((100vw - 1024px) / 416))))
    }

    .component-actionbar.scroll-postop .component-actionbar--contain-overview {
        padding-right: 18px
    }

    .component-actionbar.scroll-postop .component-actionbar--contain-share {
        border-style: none none;
        padding: 0 15px 0 20px;
        margin: 0
    }

    .component-actionbar.scroll-postop .component-actionbar--contain-share .share-off {
        display: none
    }

    .component-actionbar.scroll-postop .component-actionbar--contain-share .share-on {
        position: relative;
        display: block;
        visibility: visible;
        opacity: 1;
        margin: 0
    }

    .component-actionbar.scroll-postop .component-actionbar--contain-brands {
        cursor: pointer;
        padding-left: 21px
    }

    .component-actionbar.scroll-postop .component-actionbar--contain-brands i {
        display: none
    }

    .component-actionbar.scroll-postop .component-actionbar--contain-brands ul {
        display: none
    }

    .component-actionbar.scroll-postop .component-actionbar--contain-brands:hover ul {
        position: absolute;
        display: block;
        background-color: #fff;
        padding: 20px 30px 30px;
        width: calc(130%);
        margin: 0;
        margin-left: -30px
    }
}

@media screen and (min-width:1440px) {

    .component-actionbar.scroll-postop .component-actionbar--pageinfo .category,
    .component-actionbar.scroll-postop .component-actionbar--pageinfo .title {
        font-size: 15px
    }

    .component-actionbar.scroll-postop .component-actionbar--contain-overview,
    .component-actionbar.scroll-postop .component-actionbar--contain-share,
    .component-actionbar.scroll-postop .component-actionbar--contain-brands {
        font-size: 14px
    }

    .component-actionbar.scroll-postop .component-actionbar--contain-overview a,
    .component-actionbar.scroll-postop .component-actionbar--contain-share a,
    .component-actionbar.scroll-postop .component-actionbar--contain-brands a {
        font-size: 14px
    }
}

.component-cards .container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .component-cards .container {
        padding-right: 94px;
        padding-left: 94px
    }
}

@media screen and (min-width:400px) {
    .component-cards .container {
        max-width: 576px
    }
}

@media screen and (min-width:992px) {
    .component-cards .container {
        max-width: 1440px
    }
}

.component-cards .row>.col,
.component-cards .row>[class*="col-"] {
    margin-bottom: 15px
}

.component-cards--card {
    background-color: white;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    min-height: 520px
}

.component-cards--card:hover .cardContent-body {
    color: #666
}

.component-cards--card:hover .fa-long-arrow-alt-right {
    color: #666
}

.component-cards--card .cardContent {
    background-color: rgba(255, 255, 255, 0.9);
    min-height: 40%;
    width: 100%;
    flex-direction: column;
    align-self: flex-end;
    display: flex;
    justify-content: space-between
}

.component-cards--card .cardContent:hover .cardContent-body {
    color: #666
}

.component-cards--card .cardContent:hover .fa-long-arrow-alt-right {
    color: #666
}

@media screen and (min-width:400px) {
    .component-cards--card .cardContent {
        min-height: 30%
    }
}

@media screen and (min-width:991px) {
    .component-cards--card .cardContent {
        min-height: 38%
    }
}

.component-cards--card .cardContent.shortImage {
    border: 1px solid #f8f6f4;
    border-top: 0
}

.component-cards--card .cardContent-date {
    margin: 0 0 20px 0;
    padding: 20px 20px 0;
    position: relative;
    top: 0;
    width: 100%;
    left: 0
}

.component-cards--card .cardContent .divider {
    background-color: #000;
    height: 1px;
    margin-top: 10px;
    width: 32px;
    position: absolute;
    top: 32px
}

.component-cards--card .cardContent-tag {
    bottom: 0;
    color: #9b9b9b;
    margin: 0;
    padding: 20px 20px;
    position: relative;
    width: 100%;
    left: 0
}

.component-cards--card .cardContent-tag span {
    position: absolute;
    right: 20px;
    transform: translateY(-50%);
    top: 50%;
    color: #000
}

.component-cards--card .cardContent-body {
    font-family: "APKProtocol Regular";
    padding: 0 20px
}

.component-cards--card .cardContent-body.body1 {
    padding: 0 20px
}

@media screen and (min-width:400px) {
    .component-cards--card .cardContent-body.body1 {
        font-size: 14px !important;
        line-height: 24px
    }

    .component-cards--card .cardContent-body.body1 p {
        margin: 0
    }
}

@media screen and (min-width:992px) {
    .component-cards--card .cardContent-body.body1 {
        font-size: 16px !important;
        line-height: 1.5;
        padding: 10px 20px
    }
}

.component-cards--card .cardContent.noImage {
    height: 100%;
    border: 1px solid #000
}

.component-cards--card .cardContent.noImage h4 {
    font-family: "APKProtocol Regular";
    font-size: 30px;
    line-height: 1.2;
    width: 90%;
    word-break: break-word;
    margin-left: .8em
}

@media screen and (min-width:400px) {
    .component-cards--card .cardContent.noImage h4 {
        margin-left: 0
    }
}

@media screen and (min-width:576px) {
    .component-cards--card .cardContent.noImage h4 {
        width: 100%
    }
}

@media screen and (min-width:992px) {
    .component-cards--card .cardContent.noImage h4 {
        width: 90%;
        font-size: 28px
    }
}

.component-cards--card.cardImage {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    min-width: 270px
}

.component-carousel.container-fluid {
    padding: 0
}

.component-carousel .row {
    margin: 0
}

.component-carousel .row h5 {
    margin-bottom: 35px
}

.component-carousel.small-carousel .simple-carousel-slick .slick-slide {
    margin-right: 68px
}

.component-carousel .simple-carousel-slick .slick-slide {
    margin-right: 30px
}

.component-carousel.image-hover-carousel .caroufredsel_wrapper {
    height: 220px !important;
    width: 100% !important
}

@media only screen and (min-width:768px) {
    .component-carousel.image-hover-carousel .caroufredsel_wrapper {
        height: 420px !important
    }
}

.component-carousel.image-hover-carousel #carousel {
    padding-top: 10px
}

.component-carousel.image-hover-carousel #carousel div {
    float: left;
    position: relative;
    width: 300px;
    height: 200px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    overflow: hidden;
    margin-left: 30px
}

@media only screen and (min-width:768px) {
    .component-carousel.image-hover-carousel #carousel div {
        width: 600px;
        height: 400px
    }
}

.component-carousel.image-hover-carousel #carousel div.card-descrip {
    -webkit-box-shadow: 0 0 5px 0 #a6a6a6;
    -moz-box-shadow: 0 0 5px 0 #a6a6a6;
    box-shadow: 0 0 5px 0 #a6a6a6
}

.component-carousel.image-hover-carousel #carousel div.card-descrip .card-text {
    top: 0
}

.component-carousel.image-hover-carousel #carousel div.card-descrip .card-text-element {
    opacity: 1
}

.component-carousel.image-hover-carousel #carousel div .card-text {
    background-color: white;
    padding: 20px;
    position: absolute;
    top: 201px;
    -webkit-transition: top 1s;
    transition: top 1s;
    margin: 0
}

@media only screen and (min-width:768px) {
    .component-carousel.image-hover-carousel #carousel div .card-text {
        padding: 60px;
        top: 401px
    }
}

.component-carousel.image-hover-carousel #carousel div .card-text p.body2-bold {
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 20px
}

@media only screen and (min-width:768px) {
    .component-carousel.image-hover-carousel #carousel div .card-text p.body2-bold {
        margin-bottom: 50px;
        font-size: 16px;
        line-height: 24px
    }
}

.component-carousel.image-hover-carousel #carousel div .card-text p.body2 {
    font-size: 11px;
    line-height: 20px
}

@media only screen and (min-width:768px) {
    .component-carousel.image-hover-carousel #carousel div .card-text p.body2 {
        font-size: 14px;
        line-height: 24px
    }
}

.component-carousel.image-hover-carousel #carousel div .card-text-element {
    opacity: 0;
    transition: opacity .4s .9s
}

.component-carousel.brands-carousel #carousel div {
    float: left;
    position: relative;
    min-width: 300px;
    height: 100px;
    margin-left: 85px;
    text-align: center
}

.component-carousel.brands-carousel #carousel div a:hover h3 p {
    color: #666
}

.component-carousel.brands-carousel #carousel div img {
    border: 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.component-carousel.brands-carousel #carousel div img.no-filter {
    filter: none;
    -webkit-filter: none
}

.component-carousel.brands-carousel #carousel div h3#brandDescription {
    padding-left: 24px;
    display: inline-block;
    font-family: "APKProtocol Medium";
    line-height: 42px;
    font-weight: 500
}

@media(max-width:1024px) {
    .component-carousel.brands-carousel #carousel div h3#brandDescription {
        font-size: 24px;
        font-style: normal;
        line-height: 1.75
    }
}

.component-carousel.brands-carousel #carousel div span {
    display: none
}

.corporate-action-bar.Auto_Width_Carousel_Item .brands-carousel #carousel div {
    width: auto
}

.cmp-featuredBlock.link-type a.cta {
    border: 0;
    padding: 0 !important;
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/cta-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 3px;
    padding-right: 30px !important;
    display: inline-block
}

.cmp-featuredBlock.link-type a.cta:active,
.cmp-featuredBlock.link-type a.cta:hover {
    background-color: unset;
    color: #beff00;
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/cta-arrow-red.svg)
}

.cmp-featuredBlock a.cta:hover {
    color: #beff00
}

@media(max-width:1023px) {
    .cmp-featuredBlock.featuredBlock-bordered .container {
        padding: 0 33px
    }
}

.cmp-featuredBlock.featuredBlock-bordered .text-col-single {
    border: solid 1px #e1e1e1;
    margin-bottom: 0 !important;
    padding: 72px 60px 72px 60px !important
}

@media(max-width:992px) {
    .cmp-featuredBlock.featuredBlock-bordered .text-col-single {
        padding: 72px 56px 72px 56px !important
    }
}

@media(max-width:768px) {
    .cmp-featuredBlock.featuredBlock-bordered .text-col-single {
        padding: 72px 48px 72px 48px !important
    }
}

@media(max-width:576px) {
    .cmp-featuredBlock.featuredBlock-bordered .text-col-single {
        padding: 25px 23px 25px 23px !important
    }
}

.cmp-featuredBlock.featuredBlock-bordered .text-col-single .subheadline {
    margin-bottom: 24px !important
}

@media(max-width:576px) {
    .cmp-featuredBlock.featuredBlock-bordered .text-col-single .subheadline {
        margin-bottom: 12px !important
    }
}

.cmp-featuredBlock.featuredBlock-bordered .text-col-single .subheadline .divider {
    display: none
}

@media(max-width:1023px) {
    .cmp-featuredBlock.featuredBlock-bordered .text-col-single .subheadline .eyebrow {
        font-size: 14px
    }
}

.cmp-featuredBlock.contain_image .featuredBlock.container-fluid .row .featuredBlock-col.image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 250px
}

@media screen and (min-width:576px) {
    .cmp-featuredBlock.contain_image .featuredBlock.container-fluid .row .featuredBlock-col.image {
        min-height: 350px
    }
}

@media screen and (min-width:1200px) {
    .cmp-featuredBlock.contain_image .featuredBlock.container-fluid .row .featuredBlock-col.image {
        min-height: 450px
    }
}

.featuredBlock {
    background: transparent
}

@media screen and (max-width:1023px) {
    .featuredBlock.container-fluid.mobilePadding {
        padding-right: 33px;
        padding-left: 33px
    }
}

@media only screen and (min-width:1024px) {
    .featuredBlock.container-fluid.mobilePadding {
        padding-right: 0;
        padding-left: 0
    }
}

.featuredBlock.container-fluid .row .body2 ul {
    list-style-position: inside
}

.featuredBlock.container-fluid .row .subheadline {
    margin-bottom: 40px
}

.featuredBlock.container-fluid .row .subheadline img {
    max-width: 100%
}

.featuredBlock.container-fluid .row .subheadline .divider {
    background-color: #000;
    height: 1px;
    width: 42px;
    margin-top: 11px
}

.featuredBlock.container-fluid .row .subheadline .eyebrow {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .38px
}

@media only screen and (min-width:1024px) {
    .featuredBlock.container-fluid .row .subheadline .eyebrow {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: .5px
    }
}

.featuredBlock.container-fluid .row .subheadline.simple {
    margin-bottom: 48px
}

.featuredBlock.container-fluid .row .subheadline.simple h4 {
    font-weight: 700
}

.featuredBlock.container-fluid .row .featuredBlock-col {
    margin-bottom: 20px
}

@media only screen and (min-width:1024px) {
    .featuredBlock.container-fluid .row .featuredBlock-col {
        margin-bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    .featuredBlock.container-fluid .row .featuredBlock-col h3 {
        width: 80%
    }
}

@media only screen and (min-width:1024px) {
    .img-at-left .featuredBlock.container-fluid .row .featuredBlock-col h3 {
        width: 100%
    }
}

.featuredBlock.container-fluid .row .featuredBlock-col span.fa.fa-long-arrow-alt-right {
    margin-left: 20px
}

.featuredBlock.container-fluid .row .featuredBlock-col a.simple {
    text-decoration: none
}

.featuredBlock.container-fluid .row .featuredBlock-col.image {
    background-size: cover
}

@media screen and (min-width:992px) {
    .featuredBlock.container-fluid .row .featuredBlock-col.image {
        min-height: 650px;
        background-repeat: no-repeat
    }
}

.full-image .featuredBlock.container-fluid .row .featuredBlock-col.image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media only screen and (min-width:992px) {
    .img-at-left .featuredBlock.container-fluid .row .featuredBlock-col.image {
        order: -1
    }
}

.featuredBlock.container-fluid .row .featuredBlock-col.text-col-single {
    padding: 0 33px;
    padding-bottom: 50px
}

@media screen and (min-width:992px) {
    .featuredBlock.container-fluid .row .featuredBlock-col.text-col-single {
        padding: 0;
        padding-right: 130px;
        display: flex;
        align-items: center
    }
}

@media screen and (min-width:992px) {
    .img-at-left .featuredBlock.container-fluid .row .featuredBlock-col.text-col-single {
        padding: 0 0 0 130px
    }
}

.featuredBlock.container-fluid .row .featuredBlock-col .center-text-box h3,
.featuredBlock.container-fluid .row .featuredBlock-col .center-text-box p,
.featuredBlock.container-fluid .row .featuredBlock-col .center-text-box a {
    color: black
}

.featuredBlock.container-fluid .row .featuredBlock-col .center-text-box a:hover,
.featuredBlock.container-fluid .row .featuredBlock-col .center-text-box a:focus,
.featuredBlock.container-fluid .row .featuredBlock-col .center-text-box a:active {
    color: #666
}

.featuredBlock.container-fluid .row .featuredBlock-col .center-text-box h3 {
    padding-bottom: 10px
}

.featuredBlock.container-fluid .row .featuredBlock-col .center-text-box .number-block {
    font-size: 5em
}

.featuredBlock.container-fluid a.cta {
    margin-top: 28px;
    display: inline-block;
    padding: 14px 57px 14px !important;
    background-color: #beff00;
    color: black;
    border-color: #beff00;
    background-image: none
}

.featuredBlock.container-fluid a.cta:hover {
    text-decoration: none;
    color: black;
    background-color: #98cc00;
    border-color: #98cc00;
    background-image: none
}

.featuredBlock.container-fluid a.cta i.fas.fa-long-arrow-alt-right:before {
    content: "\f30b";
    padding-left: 10px
}

.featuredBlock.container-fluid a.cta i {
    display: none
}

.featuredBlock.container-fluid .test {
    min-height: 500px
}

@media only screen and (min-width:768px) {
    .featuredBlock.container-fluid .test {
        min-height: 400px
    }
}

.featuredBlock.container-fluid #bigParagraph {
    margin-top: 30px
}

.featuredBlock.container-fluid.noPaddings {
    padding: 0 15px;
    min-height: 500px;
    max-width: 1440px;
    background-position: 0 -1% !important
}

@media only screen and (min-width:1024px) {
    .featuredBlock.container-fluid.noPaddings {
        min-height: 700px;
        background-size: cover !important
    }
}

.featuredBlock.container-fluid.noPaddings .row .no-se .subheadline {
    margin-bottom: 50px
}

.featuredBlock.container-fluid.noPaddings h2 {
    margin-bottom: 26px;
    line-height: normal
}

@media screen and (min-width:11em) {
    .featuredBlock.container-fluid.noPaddings h2 {
        font-size: calc(1em + 1.1 * ((100vw - 11em) / 61))
    }
}

@media screen and (min-width:1440px) {
    .featuredBlock.container-fluid.noPaddings h2 {
        font-size: 2.1em
    }
}

.featuredBlock.container-fluid.noPaddings h3 {
    margin-bottom: 50px
}

@media only screen and (max-width:576px) {
    .featuredBlock.container-fluid.noPaddings .row.float {
        padding-left: 33px;
        padding-right: 33px
    }

    .featuredBlock.container-fluid.noPaddings .row.float .no-se {
        max-width: 100%;
        flex-basis: 100%
    }
}

.featuredBlock.container-fluid .float {
    display: flex;
    justify-content: center
}

@media only screen and (min-width:1024px) {
    .featuredBlock.container-fluid .float {
        display: flex;
        justify-content: flex-start
    }
}

.featuredBlock.container-fluid .no-se {
    background: white;
    padding: 30px 32px 50px 32px;
    max-height: auto
}

@media only screen and (min-width:1024px) {
    .featuredBlock.container-fluid .no-se {
        margin-top: -1px
    }
}

.featuredBlock.container-fluid .no-se #bigParagraph {
    margin-top: 30px
}

@media only screen and (min-width:1024px) {
    .featuredBlock.container-fluid .no-se {
        padding: 100px 75px 100px 75px;
        max-height: auto
    }
}

.featuredBlock.container-fluid .no-se .noPaddings {
    padding: 0;
    min-height: 500px;
    background-position: 0 -150% !important
}

@media only screen and (min-width:768px) {
    .featuredBlock.container-fluid .no-se .noPaddings {
        background-position: 0 -130% !important
    }
}

@media only screen and (min-width:1024px) {
    .featuredBlock.container-fluid .no-se .noPaddings {
        background-position: 0 0 !important
    }
}

@media only screen and (min-width:1440px) {
    .featuredBlock.container-fluid .no-se .noPaddings {
        background-size: cover !important
    }
}

.featuredBlock.container-fluid .no-se .float {
    display: flex;
    justify-content: center
}

@media only screen and (min-width:1024px) {
    .featuredBlock.container-fluid .no-se .float {
        display: flex;
        justify-content: flex-start
    }
}

.featuredBlock.container-fluid .no-se .no-se {
    background: white;
    padding: 30px 30px 30px 30px
}

.featuredBlock.container-fluid .no-se .no-se .body2 p {
    color: #969696
}

.featuredBlock.container-fluid .no-se .no-se>a.cta.red {
    margin-top: 20px
}

@media only screen and (min-width:1024px) {
    .featuredBlock.container-fluid .no-se .no-se {
        padding: 30px 45px 30px 45px
    }
}

@media only screen and (min-width:1024px) {
    .featuredBlock.container-fluid .no-se .no-se {
        padding: 50px 65px 30px 65px
    }
}

.featured-block-expanded {
    position: relative
}

.featured-block-expanded.container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .featured-block-expanded.container {
        padding-right: 94px;
        padding-left: 94px
    }
}

.featured-block-expanded .eyebrow {
    margin-bottom: 2em
}

.featured-block-expanded--content-wrapper {
    position: relative
}

.featured-block-expanded--clamped-content {
    top: 0;
    right: 0;
    left: 0;
    background: white;
    transition-duration: .333s;
    transition-property: opacity, visibility
}

.featured-block-expanded--full-content {
    overflow: hidden
}

.featured-block-expanded--full-content p:last-child {
    margin-bottom: 0
}

.featured-block-expanded--read-more {
    background: 0;
    border: 0;
    display: inline;
    margin: 0;
    padding: 0;
    font: inherit;
    color: #000;
    cursor: pointer;
    text-decoration: underline
}

.featured-block-expanded--read-more:hover,
.featured-block-expanded--read-more:focus {
    color: #666;
    border: 0;
    outline: 0
}

.featured-block-expanded--full-content {
    transition: .333s height
}

.featured-block-expanded--intro-column {
    padding: 0
}

.featured-block-expanded--intro-column h3 {
    margin-bottom: 50px
}

.featured-block-expanded--intro-column h4 {
    margin: 0;
    padding-bottom: 50px
}

@media screen and (min-width:768px) {
    .featured-block-expanded--intro-column h3 {
        margin-bottom: 0
    }
}

@media screen and (min-width:768px) {
    .featured-block-expanded--intro {
        position: -webkit-sticky;
        position: sticky;
        top: 138px;
        padding-bottom: 100px
    }
}

@media screen and (min-width:1024px) {
    .featured-block-expanded--intro {
        top: 188px
    }
}

@media only screen and (max-width:767px) {
    .featured-block-expanded--content-column {
        padding: 0
    }
}

.featured-block-expanded--content-column a.cta {
    margin-top: 50px
}

.featured-block-expanded--close-positioner {
    position: absolute;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: .333s;
    z-index: 1
}

@media screen and (max-width:767px) {
    .featured-block-expanded--close-positioner {
        top: 0;
        left: 15px;
        right: 15px;
        bottom: 100px
    }
}

@media screen and (max-width:1023px) {
    .featured-block-expanded--close-positioner {
        top: 0;
        left: 15px;
        right: 15px;
        bottom: 100px
    }
}

@media screen and (min-width:1024px) {
    .featured-block-expanded--close-positioner {
        top: 20px;
        right: 20px;
        bottom: 107px
    }
}

.featured-block-expanded--close-container {
    position: -webkit-sticky;
    position: sticky;
    pointer-events: all
}

@media screen and (max-width:1023px) {
    .featured-block-expanded--close-container {
        top: 72px;
        bottom: 90px;
        background: white;
        height: 50px
    }
}

@media screen and (min-width:1024px) {
    .featured-block-expanded--close-container {
        top: 108px
    }
}

.featured-block-expanded--close {
    width: 36px;
    height: 36px;
    background: 0;
    padding: 0;
    border: 0;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:1023px) {
    .featured-block-expanded--close {
        position: absolute;
        top: 7px;
        right: -10px
    }
}

.featured-block-expanded--close>svg {
    display: block;
    width: 16px;
    height: 16px
}

.featuredBlock.featuredBlock-centered {
    background: #fff
}

@media screen and (max-width:1023px) {
    .featuredBlock.featuredBlock-centered.container {
        padding-right: 33px;
        padding-left: 33px
    }
}

.featuredBlock.featuredBlock-centered.container .row .feat-cent-eye {
    font-size: 22px;
    font-family: "APKProtocol Medium";
    letter-spacing: 0
}

.featuredBlock.featuredBlock-centered.container .row .subheadline-cent {
    margin-bottom: 20px;
    text-align: center
}

.featuredBlock.featuredBlock-centered.container .row .divider {
    width: 60px;
    margin: 40px auto 0 auto
}

.featuredBlock.featuredBlock-centered.container .row .featuredBlock-col-cent {
    margin-bottom: 40px;
    text-align: center
}

.featuredBlock.featuredBlock-centered.container .row .featuredBlock-col-cent:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:1024px) {
    .featuredBlock.featuredBlock-centered.container .row .featuredBlock-col-cent h2 {
        padding: 0 10%
    }
}

.featuredBlock.featuredBlock-centered.container .row .featuredBlock-col-cent .body2 p {
    font-size: 12px;
    padding: 0 15%
}

@media only screen and (min-width:1024px) {
    .featuredBlock.featuredBlock-centered.container .row .featuredBlock-col-cent .body2 h5 {
        padding: 0 127px
    }
}

.featuredBlock.featuredBlock-centered.container .row .featuredBlock-col-cent.divide-false {
    margin-bottom: 60px
}

.featuredBlock.featuredBlock-centered .divider {
    background-color: #000;
    height: 2px;
    margin-top: 10px;
    width: 32px;
    display: none
}

.centered-divider .featuredBlock.featuredBlock-centered .divider {
    display: block
}

.fb-tb-padding .container {
    padding: 30px 94px !important
}

@media screen and (max-width:767px) {
    .fb-tb-padding .container {
        padding: 30px 20px !important
    }
}

.fb-tb-padding .featuredBlock.container-fluid a.cta {
    margin-top: 0
}

.fb-medium-font .featuredBlock .container .featuredBlock-col h3 {
    font-family: "APKProtocol Medium"
}

.fb-medium-font .featuredBlock .container .featuredBlock-col h3 p {
    font-family: "APKProtocol Medium"
}

.fb-medium-font .featuredBlock .container .featuredBlock-col h4 {
    font-family: "APKProtocol Medium"
}

.fb-medium-font .featuredBlock .container .featuredBlock-col h4 p {
    font-family: "APKProtocol Medium"
}

.fb-medium-font .featuredBlock .container .featuredBlock-col h5 {
    font-family: "APKProtocol Medium"
}

.fb-medium-font .featuredBlock .container .featuredBlock-col h5 p {
    font-family: "APKProtocol Medium"
}

@media screen and (max-width:1023px) {
    .remove-mobile-padding .featuredBlock .container {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.featuredBlock-playIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.cmp-featuredBlock.readMoreCTA-EIchanges a.cta {
    border-radius: 5px;
    border-width: 2px;
    background-color: #f2f2f2;
    border-color: #6c757d !important
}

.cmp-featuredBlock.readMoreCTA-EIchanges a.cta:hover {
    color: #111 !important
}

.alignrightcolumn.fb-reduce-image-size .views-featuredBlock .row {
    margin-right: 0;
    margin-left: 0;
    justify-content: space-between
}

.alignrightcolumn.fb-reduce-image-size .views-featuredBlock .featuredBlock-video-content {
    flex: 0 0 50%;
    max-width: 100%
}

.alignrightcolumn.fb-reduce-image-size .views-featuredBlock .featuredBlock-video-col {
    max-width: 50%
}

.alignrightcolumn.fb-reduce-image-size .views-featuredBlock .featuredBlock-video-col .featuredBlock-video {
    text-align: right
}

@media screen and (max-width:767px) {
    .alignrightcolumn.fb-reduce-image-size .views-featuredBlock .row {
        margin-right: -15px;
        margin-left: -15px;
        flex-direction: column-reverse
    }

    .alignrightcolumn.fb-reduce-image-size .views-featuredBlock .featuredBlock-video-col {
        max-width: 100%;
        margin-bottom: 10px
    }
}

.cmp-featuredBlock.transparentCard-left .container-fluid {
    padding: 0 14px !important;
    min-height: 100%
}

.cmp-featuredBlock.transparentCard-left .container-fluid .row .featuredBlock-col {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .cmp-featuredBlock.transparentCard-left .container-fluid .container {
        position: relative;
        left: -22% !important
    }
}

@media screen and (min-width:785px) and (max-width:991px) {
    .cmp-featuredBlock.transparentCard-left .container-fluid .container {
        position: relative;
        left: -20% !important
    }
}

@media screen and (min-width:992px) and (max-width:1023px) {
    .cmp-featuredBlock.transparentCard-left .container-fluid .container {
        position: relative;
        left: -27.5% !important
    }
}

@media screen and (max-width:576px) {
    .cmp-featuredBlock.transparentCard-left .container-fluid .container {
        position: relative;
        left: -66px !important
    }
}

@media screen and (min-width:768px) and (max-width:820px) {
    .cmp-featuredBlock.transparentCard-left .container-fluid .no-se {
        padding-left: 45px;
        padding-right: 45px
    }

    .cmp-featuredBlock.transparentCard-left .container-fluid .container {
        position: relative;
        left: -16.8% !important
    }

    .cmp-featuredBlock.transparentCard-left .container-fluid .container .row.float {
        width: 79%
    }
}

@media screen and (min-width:1024px) {
    .cmp-featuredBlock.transparentCard-left .container-fluid {
        min-height: 100%
    }

    .cmp-featuredBlock.transparentCard-left .container-fluid .container {
        padding: 0 !important
    }

    .cmp-featuredBlock.transparentCard-left .container-fluid .float {
        width: 62%;
        opacity: .85
    }

    .cmp-featuredBlock.transparentCard-left .container-fluid .no-se {
        padding: 100px 40px 100px
    }
}

.cmp-featuredBlock.transparentCard-left .container-fluid .float {
    opacity: .85
}

@media screen and (max-width:1024px) {
    .cmp-featuredBlock.transparentCard-left .container-fluid a.cta {
        padding: 14px 34px 14px
    }
}

@media screen and (max-width:768px) {
    .cmp-featuredBlock.small-height .featuredBlockSwapView {
        background-size: unset !important;
        padding-top: unset !important
    }
}

@media screen and (min-width:1024px) {
    .cmp-featuredBlock.small-height .featuredBlock.container-fluid.noPaddings {
        min-height: 400px;
        max-height: 400px
    }

    .cmp-featuredBlock.small-height .featuredBlock.container-fluid .no-se {
        padding: 30px 50px;
        max-width: 40%
    }
}

.cmp-featuredBlock.no-background .featuredBlock-centered {
    background: none !important
}

.cmp-numberBlock.link-type .cta {
    display: inline-block !important;
    border: 0;
    padding: 0
}

.cmp-numberBlock.link-type .cta:active {
    background-color: transparent;
    color: #beff00
}

.cmp-numberBlock.link-type .cta .fas.fa-long-arrow-alt-right {
    display: inline-block
}

.cmp-numberBlock.nb-left .container .row {
    flex-direction: row
}

.cmp-numberBlock.nb-right .container .row {
    flex-direction: row-reverse
}

@media screen and (min-width:1024px) {
    .cmp-numberBlock.nb-right .container .row .text-right-body {
        padding-left: 0 !important;
        padding-right: 65px !important
    }
}

.component-numberblock {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 30px;
    padding-top: 24px
}

.component-numberblock-black {
    color: #212121
}

.component-numberblock-white {
    color: #fff
}

@media screen and (max-width:1439px) {
    .component-numberblock h4 {
        font-size: calc(20px + (26 - 20) *((100vw - 320px) /(1440 - 320)))
    }
}

@media screen and (min-width:1440px) {
    .component-numberblock h4 {
        font-size: 26px
    }
}

@media only screen and (min-width:1024px) {
    .component-numberblock {
        padding-top: 60px
    }
}

.component-numberblock .section-name {
    margin: 0;
    padding: 0 50px 35px 33px
}

@media only screen and (min-width:1024px) {
    .component-numberblock .section-name {
        padding: 0 0 40px
    }
}

.component-numberblock .text-left-hero {
    font-family: "APKProtocol Semibold";
    line-height: 1.1;
    padding: 0 33px 0 33px
}

@media screen and (max-width:991px) {
    .component-numberblock .text-left-hero-sm {
        font-size: calc(70px + (180 - 70) *((100vw - 320px) /(991 - 320)))
    }
}

@media screen and (min-width:992px) and (max-width:1439px) {
    .component-numberblock .text-left-hero-sm {
        font-size: calc(145px + (210 - 145) *((100vw - 992px) /(1440 - 992)))
    }
}

@media screen and (min-width:1440px) {
    .component-numberblock .text-left-hero-sm {
        font-size: 210px
    }
}

@media screen and (max-width:991px) {
    .component-numberblock .text-left-hero-md {
        font-size: calc(90px + (250 - 90) *((100vw - 320px) /(991 - 320)))
    }
}

@media screen and (min-width:992px) and (max-width:1439px) {
    .component-numberblock .text-left-hero-md {
        font-size: calc(190px + (280 - 190) *((100vw - 992px) /(1440 - 992)))
    }
}

@media screen and (min-width:1440px) {
    .component-numberblock .text-left-hero-md {
        font-size: 270px
    }
}

@media screen and (max-width:991px) {
    .component-numberblock .text-left-hero-lg {
        font-size: calc(100px + (300 - 100) *((100vw - 320px) /(991 - 320)))
    }
}

@media screen and (min-width:992px) and (max-width:1439px) {
    .component-numberblock .text-left-hero-lg {
        font-size: calc(220px + (310 - 220) *((100vw - 992px) /(1440 - 992)))
    }
}

@media screen and (min-width:1440px) {
    .component-numberblock .text-left-hero-lg {
        font-size: 300px
    }
}

@media screen and (max-width:991px) {
    .component-numberblock .text-left-hero-xl {
        font-size: calc(115px + (345 - 115) *((100vw - 320px) /(991 - 320)))
    }
}

@media screen and (min-width:992px) and (max-width:1439px) {
    .component-numberblock .text-left-hero-xl {
        font-size: calc(230px + (345 - 230) *((100vw - 992px) /(1440 - 992)))
    }
}

@media screen and (min-width:1440px) {
    .component-numberblock .text-left-hero-xl {
        font-size: 335px
    }
}

@media only screen and (min-width:1024px) {
    .component-numberblock .text-left-hero {
        padding: 0
    }
}

.component-numberblock .text-right-title {
    color: #beff00;
    font-size: 12px;
    margin-bottom: 23px;
    padding: 0 50px 0 33px
}

@media only screen and (min-width:1440px) {
    .component-numberblock .text-right-title {
        padding: 0 50px 0 65px;
        margin-bottom: 23px
    }
}

.component-numberblock .text-right-title .divider {
    background-color: #beff00;
    height: 2px;
    margin-top: 10px;
    width: 32px
}

.component-numberblock .text-right-body {
    font-family: "APKProtocol Regular";
    padding: 0 33px 45px 33px
}

@media screen and (max-width:991px) {
    .component-numberblock .text-right-body {
        font-size: calc(14px + (24 - 14) *((100vw - 320px) /(991 - 320)))
    }
}

@media screen and (min-width:992px) and (max-width:1439px) {
    .component-numberblock .text-right-body {
        font-size: calc(16px + (24 - 16) *((100vw - 992px) /(1440 - 992)))
    }
}

@media screen and (min-width:1440px) {
    .component-numberblock .text-right-body {
        font-size: 24px;
        padding: 0 33px 45px 65px
    }
}

.component-numberblock .text-right-body p {
    font-size: inherit;
    margin-bottom: 30px
}

@media only screen and (min-width:992px) {
    .component-numberblock .text-right-body p {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:1440px) {
    .component-numberblock .text-right-body p {
        margin-bottom: 30px
    }
}

@media screen and (max-width:1439px) {
    .component-numberblock .text-right-body a {
        font-size: calc(13px + (16 - 13) *((100vw - 0) /(1440 - 0)))
    }
}

@media screen and (min-width:1440px) {
    .component-numberblock .text-right-body a {
        font-size: 16px
    }
}

.component-numberblock .text-right-body a i.fas.fa-long-arrow-alt-right:before {
    content: "\f30b";
    padding-left: 10px
}

.component-numberblock .text-right-body a i {
    display: none
}

@media only screen and (min-width:992px) {
    .cmp-QuoteBlock.img-to-right #col-right {
        order: 2
    }
}

@media(min-width:1024px) {
    .cmp-QuoteBlock.txt-to-right .row-withPersonImage .turn-background {
        order: 1
    }
}

@media(max-width:1023px) {
    .cmp-QuoteBlock .comp-title {
        padding: 0 33px
    }
}

.component-quoteBlock {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width:1024px) {
    .component-quoteBlock .row-withImage #col-left {
        padding: 0
    }
}

.component-quoteBlock.q-bg-height {
    min-height: 600px
}

@media screen and (min-width:1024px) {
    .component-quoteBlock.container-withImage {
        padding: 0
    }
}

@media screen and (min-width:1024px) {
    .component-quoteBlock.container-withoutAuthor {
        padding: 0
    }
}

@media screen and (min-width:1024px) {
    .component-quoteBlock .row-withImage {
        padding: 0
    }
}

@media screen and (min-width:1024px) {
    .component-quoteBlock.container-withAuthor {
        padding: 0
    }
}

@media screen and (max-width:1023px) {
    .component-quoteBlock.container-fluid {
        padding-right: 33px;
        padding-left: 33px
    }
}

.component-quoteBlock.container-withPersonImage {
    padding: 0
}

.component-quoteBlock.centered-view {
    min-height: auto
}

@media screen and (min-width:64em) {
    .component-quoteBlock h4 {
        font-size: calc(1.25em + 0.375 * ((100vw - 64em) / 26))
    }
}

@media screen and (min-width:1440px) {
    .component-quoteBlock h4 {
        font-size: 1.625em
    }
}

@media screen and (max-width:991px) {
    .component-quoteBlock #col-left.turn-background {
        background-color: #fff;
        padding: 0
    }

    .component-quoteBlock #col-left.turn-background #sectionTitle {
        color: #000
    }
}

.component-quoteBlock #col-right {
    margin-top: 0;
    padding: 0
}

@media only screen and (min-width:1024px) {
    .component-quoteBlock #col-right {
        margin-top: 50px;
        padding: 0 !important
    }
}

.component-quoteBlock #col-right>img {
    width: 100%
}

@media only screen and (min-width:991px) {
    .component-quoteBlock #col-left {
        order: 2;
        display: flex;
        align-items: center
    }

    .component-quoteBlock #col-right {
        order: 1
    }
}

.component-quoteBlock--withAuthor {
    border-left: 2px solid #beff00;
    padding: 0 30px;
    margin-top: 100px;
    margin-bottom: 100px
}

.component-quoteBlock--withAuthor>h2:first-child {
    display: none
}

@media screen and (min-width:23.4375em) {
    .component-quoteBlock--withAuthor>h2 {
        font-size: calc(1.625em + 1 * ((100vw - 23.4375em) / 66.5625))
    }
}

@media screen and (min-width:1440px) {
    .component-quoteBlock--withAuthor>h2 {
        font-size: 2.625em
    }
}

.component-quoteBlock--withAuthor>p {
    font-family: "APKProtocol Regular";
    font-size: 11px;
    line-height: 15px;
    letter-spacing: .5px;
    color: #e1e1e1;
    margin-top: 48px
}

.component-quoteBlock--withAuthor #sectionTitle {
    display: none
}

.component-quoteBlock--withAuthor #image {
    display: none
}

.component-quoteBlock--withCentered {
    text-align: center;
    margin-bottom: 30px
}

.component-quoteBlock--withCentered #sectionTitle {
    color: #beff00;
    font-size: 1em;
    margin: 40px 0;
    padding: 0
}

.component-quoteBlock--withCentered h2 {
    font-family: 'APKProtocol Regular';
    font-size: 1.5em;
    line-height: 1.4;
    padding: 0 10px
}

.component-quoteBlock--withCentered h2 p {
    color: inherit
}

.component-quoteBlock--withCentered p {
    font-size: .7em;
    color: #757575;
    padding: 30px 10px 0 10px;
    margin-bottom: 40px
}

@media screen and (min-width:576px) {
    .component-quoteBlock--withCentered h2 {
        font-size: 1.8em
    }
}

@media screen and (min-width:768px) {
    .component-quoteBlock--withCentered h2 {
        font-size: 2.5em
    }

    .component-quoteBlock--withCentered p {
        font-size: .9em;
        margin-bottom: 20px
    }

    .component-quoteBlock--withCentered #sectionTitle {
        margin: 100px 0 40px 0
    }
}

.component-quoteBlock .row-withCentered {
    margin: 0 !important
}

.component-quoteBlock .row-withCentered #col-left {
    order: 0
}

.component-quoteBlock .row-withCentered #col-left .row {
    margin: 0 !important
}

@media screen and (min-width:768px) {
    .component-quoteBlock .row-withCentered #col-left {
        flex: 0 0 100%;
        max-width: 90%
    }
}

.component-quoteBlock .row {
    margin: 0 !important
}

.component-quoteBlock .center-cta {
    margin-bottom: 80px
}

.component-quoteBlock .center-cta:hover {
    color: #beff00 !important;
    border-color: #beff00 !important
}

.component-quoteBlock .center-cta:active {
    color: #fff !important
}

.component-quoteBlock--withoutAuthor {
    padding: 100px 0
}

.component-quoteBlock--withoutAuthor>h2:first-child {
    display: none
}

@media screen and (min-width:23.4375em) {
    .component-quoteBlock--withoutAuthor>h2 {
        font-size: calc(1.625em + 1 * ((100vw - 23.4375em) / 66.5625))
    }
}

@media screen and (min-width:1440px) {
    .component-quoteBlock--withoutAuthor>h2 {
        font-size: 2.625em
    }
}

.component-quoteBlock--withoutAuthor>p {
    display: none
}

.component-quoteBlock--withoutAuthor>.topDivider {
    width: 50%;
    height: 2px;
    background: #beff00;
    margin-right: auto;
    margin-bottom: 38px
}

.component-quoteBlock--withoutAuthor>.bottomDivider {
    height: 2px;
    width: 50%;
    background: #beff00;
    margin-left: 50%;
    margin-top: 38px
}

.component-quoteBlock--withoutAuthor #sectionTitle {
    display: none
}

.component-quoteBlock--withoutAuthor #image {
    display: none
}

.component-quoteBlock--withoutDoubleQuotes {
    padding: 100px 0
}

.component-quoteBlock--withoutDoubleQuotes h3 {
    text-align: center
}

.component-quoteBlock--withoutDoubleQuotes>h2 {
    text-align: center
}

@media screen and (min-width:23.4375em) {
    .component-quoteBlock--withoutDoubleQuotes>h2 {
        font-size: calc(1.625em + 1 * ((100vw - 23.4375em) / 66.5625))
    }
}

@media screen and (min-width:1440px) {
    .component-quoteBlock--withoutDoubleQuotes>h2 {
        font-size: 2.625em
    }
}

.component-quoteBlock--withoutDoubleQuotes>p {
    display: none
}

.component-quoteBlock--withoutDoubleQuotes>.topDivider {
    width: 20%;
    height: 2px;
    background: #beff00;
    margin: 0 auto 38px auto
}

.component-quoteBlock--withoutDoubleQuotes>.bottomDivider {
    display: none
}

.component-quoteBlock--withoutDoubleQuotes #sectionTitle {
    display: none
}

.component-quoteBlock--withoutDoubleQuotes #image {
    display: none
}

.component-quoteBlock--withBackground {
    padding: 100px 0
}

@media screen and (min-width:23.4375em) {
    .component-quoteBlock--withBackground>h2 {
        font-size: calc(1.625em + 1 * ((100vw - 23.4375em) / 66.5625))
    }
}

@media screen and (min-width:1440px) {
    .component-quoteBlock--withBackground>h2 {
        font-size: 2.625em
    }
}

.component-quoteBlock--withBackground>p {
    display: none
}

.component-quoteBlock--withBackground>.topDivider {
    width: 50%;
    height: 2px;
    background: #beff00;
    margin-right: auto;
    margin-bottom: 38px
}

.component-quoteBlock--withBackground>.bottomDivider {
    height: 2px;
    width: 50%;
    background: #beff00;
    margin-left: 50%;
    margin-top: 38px
}

.component-quoteBlock--withBackground #sectionTitle {
    display: none
}

.component-quoteBlock--withBackground #image {
    display: none
}

.component-quoteBlock--withImage .turn-background {
    padding: 0 15px 0 0
}

@media only screen and (min-width:1024px) {
    .component-quoteBlock--withImage {
        padding: 100px 0
    }
}

.component-quoteBlock--withImage>h2 {
    margin-bottom: 38px
}

@media screen and (min-width:23.4375em) {
    .component-quoteBlock--withImage>h2 {
        font-size: calc(1.625em + 1 * ((100vw - 23.4375em) / 66.5625))
    }
}

@media screen and (min-width:1440px) {
    .component-quoteBlock--withImage>h2 {
        font-size: 2.625em
    }
}

.component-quoteBlock--withImage>p {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .5px;
    color: #000;
    margin-bottom: 3rem
}

@media only screen and (min-width:1024px) {
    .component-quoteBlock--withImage>p {
        margin-bottom: 1rem
    }
}

.component-quoteBlock--withImage #image {
    width: 300px
}

.component-quoteBlock--withPersonImage {
    padding: 30px 33px
}

@media only screen and (min-width:1024px) {
    .component-quoteBlock--withPersonImage {
        padding: 100px 20px 100px 20px
    }
}

.component-quoteBlock--withPersonImage>h2 {
    margin-bottom: 38px
}

@media screen and (min-width:23.4375em) {
    .component-quoteBlock--withPersonImage>h2 {
        font-size: calc(1.625em + 1 * ((100vw - 23.4375em) / 66.5625))
    }
}

@media screen and (min-width:1440px) {
    .component-quoteBlock--withPersonImage>h2 {
        font-size: 2.625em
    }
}

.component-quoteBlock--withPersonImage>p {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .5px;
    color: #000;
    margin-bottom: 3rem
}

@media only screen and (min-width:1024px) {
    .component-quoteBlock--withPersonImage>p {
        margin-bottom: 1rem
    }
}

.component-quoteBlock--withPersonImage #image {
    width: 300px
}

.component-quoteBlock .row-withPersonImage {
    min-height: 600px
}

@media(min-width:1024px) {
    .component-quoteBlock .row-withPersonImage .turn-background {
        order: 0
    }
}

.component-quoteBlock .row-withPersonImage .no-padding {
    padding: 0
}

.component-quoteBlock .row-withPersonImage .no-padding img {
    width: 100%
}

.component-quoteBlock .row-withPersonImage .turn-background {
    padding: 0
}

@media(max-width:1024px) {
    .component-quoteBlock .row-withPersonImage .turn-background {
        background-color: #fff
    }
}

@media only screen and (max-width:991px) {
    .component-quoteBlock .row-withPersonImage #col-right {
        max-height: 800px;
        overflow: hidden;
        margin-top: 0
    }
}

@media only screen and (max-width:calc(575px)) {
    .component-quoteBlock .row-withPersonImage #col-right {
        max-height: 400px;
        overflow: hidden
    }
}

.component-quoteBlock--withPersonImage a {
    text-decoration: none
}

.component-quoteBlock--withPersonImage a:hover {
    color: #666;
    text-decoration: none
}

@media(min-width:1024px) {
    .component-quoteBlock--withPersonImage {
        padding: 100px 0
    }
}

.component-quoteBlock--withPersonImage .arrow {
    background-image: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/black-arrow.svg");
    background-size: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    background-position: center;
    vertical-align: middle;
    margin-left: 8px
}

.component-quoteBlock--withPersonImage>p {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .5px;
    color: #000;
    margin-bottom: 3rem;
    color: #fff
}

@media only screen and (min-width:1024px) {
    .component-quoteBlock--withPersonImage>p {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:calc(575px)) {
    .component-quoteBlock--withPersonImage>p {
        color: #000
    }
}

.component-quoteBlock--withPersonImage a:hover .arrow {
    background-image: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/red-arrow.svg")
}

.component-quoteBlock--withPersonImage a {
    display: block;
    margin-bottom: 50px
}

.quote-container {
    max-width: 100%;
    padding: 15px;
    margin: 0 auto;
    color: #fff
}

.quote-container .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    content: none;
    outline: 0;
    background: red;
    content: none !important;
    border-radius: 50%
}

.quote-container .slick-dots li button:before {
    content: ''
}

.quote-container .slick-dots li.slick-active button {
    background: green
}

.quote-container .quote-sub-container {
    font-size: 26px
}

.quote-container .quote-sub-container .quote-left {
    font-size: 150px;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 80px;
    height: 100%;
    color: #fff;
    background-repeat: no-repeat
}

@media(max-width:575px) {
    .quote-container .quote-sub-container .quote-left {
        background-size: 100%;
        width: 30px;
        font-size: 50px
    }
}

.quote-container .quote-sub-container .quote-right {
    font-size: 150px;
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 80px;
    height: 65px;
    color: #fff;
    background-repeat: no-repeat
}

@media(max-width:575px) {
    .quote-container .quote-sub-container .quote-right {
        background-size: 100%;
        width: 30px;
        bottom: -20px;
        font-size: 50px
    }
}

.quote-container .quote-sub-container .quote-caption {
    padding: 50px 100px 10px 100px;
    position: relative
}

@media(max-width:575px) {
    .quote-container .quote-sub-container .quote-caption {
        padding: 50px 30px 10px 30px;
        font-size: 20px
    }
}

.quote-container .quote-Author {
    padding: 0 100px 50px 100px;
    font-style: italic;
    font-size: 15px
}

@media(max-width:575px) {
    .quote-container .quote-Author {
        padding: 50px 30px 10px 30px;
        font-size: 15px
    }
}

.greatstuff-style .component-quoteBlock .row {
    display: inherit;
    margin: 0
}

.greatstuff-style .component-quoteBlock .row #col-left {
    max-width: 75%;
    margin: 0 auto
}

.greatstuff-style .component-quoteBlock .row #col-left .component-quoteBlock--withAuthor {
    border: 0;
    padding: 50px 0;
    margin: 0
}

.greatstuff-style .component-quoteBlock .row #col-left .component-quoteBlock--withAuthor h2.grt-stf-qut-one-hed {
    color: #fff
}

.greatstuff-style .component-quoteBlock .row #col-left .component-quoteBlock--withAuthor h2.grt-stf-qut-one-hed p {
    font-family: APKProtocol Medium;
    font-size: 45px;
    line-height: 1.12;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff
}

.greatstuff-style .component-quoteBlock .row #col-left .component-quoteBlock--withAuthor h2.grt-stf-qut-one-hed p span {
    font-size: 200px;
    color: #fcd132;
    display: block;
    position: relative;
    left: -40px;
    line-height: 0;
    margin: 60px 0 0 0
}

.greatstuff-style .component-quoteBlock .row #col-left .component-quoteBlock--withAuthor p.grt-stf-qut-one-para-hed {
    font-family: "APKProtocol Bold";
    font-size: 36px;
    line-height: initial;
    margin-top: 20px;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .greatstuff-style .component-quoteBlock {
        padding: 0
    }

    .greatstuff-style .component-quoteBlock .row #col-left {
        max-width: 95%;
        margin: 0 auto
    }

    .greatstuff-style .component-quoteBlock .row #col-left .component-quoteBlock--withAuthor {
        padding: 0;
        padding-top: 40px;
        padding-bottom: 40px
    }

    .greatstuff-style .component-quoteBlock .row #col-left .component-quoteBlock--withAuthor h2.grt-stf-qut-one-hed p {
        font-size: 28px;
        line-height: 1.17
    }

    .greatstuff-style .component-quoteBlock .row #col-left .component-quoteBlock--withAuthor h2.grt-stf-qut-one-hed p span {
        font-size: 140px;
        color: #fcd132;
        display: block;
        position: relative;
        left: -20px;
        line-height: 0;
        margin: 30px 0 0 0
    }

    .greatstuff-style .component-quoteBlock .row #col-left .component-quoteBlock--withAuthor p.grt-stf-qut-one-para-hed {
        font-size: 26px
    }

    .greatstuff-style .component-quoteBlock .container {
        padding: 0 !important
    }
}

.component-download-share img.dl-share-icon {
    width: 22px;
    margin-right: 10px
}

.component-download-share .component-actionbar--contain-share {
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%
}

.component-download-share .component-actionbar--contain-share .share-on {
    visibility: hidden;
    position: absolute;
    top: 0;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 500ms;
    transition-timing-function: ease-in;
    width: 100%;
    margin: 0;
    background: 0
}

.component-download-share .component-actionbar--contain-share .share-on:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: width .2s
}

.component-download-share .component-actionbar--contain-share:hover .share-on {
    opacity: 1;
    visibility: visible
}

.component-download-share .component-actionbar--contain-share:hover .share-on:after {
    width: 0 !important
}

.component-download-share .component-actionbar--contain-share .share-off {
    display: block;
    transition-property: opacity;
    transition-delay: 0;
    transition-duration: 500ms;
    transition-timing-function: ease-in-out
}

.component-download-share .component-actionbar--contain-share .share-off a {
    margin: 0
}

.component-download-share .component-actionbar--contain-share .share-off a img {
    height: auto;
    position: static
}

.component-download-share {
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative
}

.component-download-share .container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .component-download-share .container {
        padding-right: 94px;
        padding-left: 94px
    }
}

.component-download-share .no-gutters {
    margin-right: 0;
    margin-left: 0
}

.component-download-share .no-gutters>.col,
.component-download-share .no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

@media screen and (min-width:992px) {
    .component-download-share .no-gutters {
        margin-right: -15px;
        margin-left: -15px
    }

    .component-download-share .no-gutters>.col,
    .component-download-share .no-gutters>[class*="col-"] {
        padding-right: 15px;
        padding-left: 15px
    }
}

.component-download-share [class*="col-"] {
    position: relative;
    padding: 16px 0
}

.component-download-share [class*="col-"]:after {
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background: #969696;
    position: absolute;
    top: auto;
    right: auto;
    left: 0;
    bottom: 0
}

@media screen and (max-width:992px) {
    .component-download-share [class*="col-"] {
        position: relative;
        padding: 30px 15px
    }

    .component-download-share [class*="col-"]:after {
        left: 0
    }
}

.component-download-share [class*="col-"]:last-child:after {
    content: none
}

@media only screen and (min-width:992px) {
    .component-download-share [class*="col-"] {
        padding: 0
    }

    .component-download-share [class*="col-"]:after {
        width: 2px;
        height: 40px;
        top: 50%;
        right: 0;
        left: auto;
        bottom: auto;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%)
    }
}

.electronics-article-container .corporateTags .container {
    padding: 0 !important
}

.electronics-article-container .corporateTags .container .corporateTags {
    padding: 0
}

@media(max-width:768px) {
    .corporateTags {
        padding: 0 33px !important
    }
}

.corporateTags ul li {
    border-radius: 25px;
    border: 1px solid black;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px
}

.corporateTags ul li a.corporateLink {
    color: #000;
    padding: 30px 20px;
    font-size: 10px;
    line-height: 3
}

.component-videoBlock .video-wrapper {
    width: 100%;
    position: relative;
    background: black
}

.component-videoBlock .plyr {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.component-videoBlock .plyr__control--overlaid {
    background: #beff00;
    color: #beff00
}

.component-videoBlock .plyr__control:first-child {
    background-color: transparent
}

.component-videoBlock .plyr__control:hover {
    color: #beff00;
    border-radius: 50%
}

.component-videoBlock .plyr__control.plyr__tab-focus {
    box-shadow: none;
    outline: 0
}

@supports(-ms-ime-align:auto) {

    .plyr__volume,
    .plyr__progress {
        width: 0
    }

    .plyr__volume input[type=range] {
        width: 60%
    }
}

.component-videoBlock .plyr__progress input[type=range]::-webkit-slider-thumb {
    background: #beff00
}

.component-videoBlock .plyr__volume input[type=range]::-webkit-slider-thumb {
    background: #beff00
}

.component-videoBlock .plyr__tab-focus {
    box-shadow: none;
    color: transparent;
    outline: 0
}

.component-videoBlock .plyr--full-ui input[type=range] {
    color: #beff00
}

.component-videoBlock .plyr__controls .plyr__time--current {
    position: absolute;
    left: 47px;
    bottom: 37px;
    font-size: 9px
}

@media only screen and (min-width:768px) {
    .component-videoBlock .plyr__controls .plyr__time--current {
        left: 55px;
        font-size: 10px
    }
}

@media only screen and (min-width:1024px) {
    .component-videoBlock .plyr__controls .plyr__time--current {
        left: 55px;
        font-size: 11px
    }
}

.component-videoBlock .plyr__controls .plyr__time--duration {
    position: absolute;
    left: 78px;
    bottom: 37px;
    display: initial;
    font-size: 9px
}

@media only screen and (min-width:768px) {
    .component-videoBlock .plyr__controls .plyr__time--duration {
        left: 87px;
        font-size: 10px
    }
}

@media only screen and (min-width:1024px) {
    .component-videoBlock .plyr__controls .plyr__time--duration {
        left: 96px;
        font-size: 11px
    }
}

.electronics-videogallery.full-width .component-videoBlock {
    padding: 0 !important
}

.articleHeader.est-time .article-header-bottom-text {
    display: block !important
}

.component-article-header {
    width: 100%;
    display: block;
    position: relative;
    height: calc(100vh - 72px)
}

.component-article-header.editmode {
    height: 500px
}

@media screen and (min-width:1024px) {
    .component-article-header {
        height: calc(100vh - 88px)
    }
}

.component-article-header .article-header-bottom-text {
    display: none
}

.component-article-header h1.title-type-full,
.component-article-header h5.title-type-full {
    text-align: center
}

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

    .component-article-header h1.title-type-full,
    .component-article-header h5.title-type-full {
        padding: 0 33px
    }
}

.component-article-header h1.title-type-half-horizontal,
.component-article-header h5.title-type-half-horizontal {
    text-align: center
}

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

    .component-article-header h1.title-type-half-horizontal,
    .component-article-header h5.title-type-half-horizontal {
        padding: 0 33px
    }
}

.component-article-header h1.title-type-half-vertical,
.component-article-header h5.title-type-half-vertical {
    text-align: center
}

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

    .component-article-header h1.title-type-half-vertical,
    .component-article-header h5.title-type-half-vertical {
        padding: 0 33px
    }
}

@media screen and (min-width:768px) {

    .component-article-header h1.title-type-half-vertical,
    .component-article-header h5.title-type-half-vertical {
        text-align: left
    }
}

.component-article-header h1 {
    margin-bottom: 24px
}

.component-article-header h5 {
    font-size: 14px;
    font-family: "APKProtocol Regular"
}

.component-article-header .article-header-background {
    position: absolute;
    background-size: cover
}

.component-article-header .article-header-background-full {
    width: 100%;
    height: 100%
}

.component-article-header .article-header-background-half-horizontal,
.component-article-header .article-header-background-half-vertical {
    width: 100%;
    height: 50%;
    top: 50%
}

@media screen and (min-width:768px) {
    .component-article-header .article-header-background-half-vertical {
        width: 50%;
        height: 100%;
        top: auto;
        float: right;
        position: relative
    }
}

.component-article-header .article-header-background .article-header-bottom-text {
    display: none;
    font-family: "APKProtocol Regular";
    font-size: 14px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 20px
}

.component-article-header .article-header-background .article-header-bottom-text .text-line {
    display: block;
    height: 2px;
    margin: 20px auto 0 auto;
    width: 40px
}

.component-article-header .article-header-container {
    width: 100%;
    height: 100%;
    max-height: 1440px;
    padding-top: 94px
}

.component-article-header .article-header-container-full {
    max-width: 60vw
}

@media screen and (max-width:767px) {
    .component-article-header .article-header-container-full {
        max-width: none
    }
}

.component-article-header .article-header-container-half-horizontal {
    padding-top: calc(66px)
}

@media screen and (min-width:576px) {
    .component-article-header .article-header-container-half-horizontal {
        padding-top: 94px
    }
}

@media screen and (min-width:768px) {
    .component-article-header .article-header-container .text-container-type-half-vertical {
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }
}

.component-article-header .article-header-container-half-vertical {
    padding-top: calc(66px)
}

@media screen and (min-width:768px) {
    .component-article-header .article-header-container-half-vertical {
        width: 50%;
        padding-left: calc(66px);
        padding-right: calc(66px);
        float: left;
        padding-top: 0
    }
}

@media screen and (min-width:1024px) {
    .component-article-header .article-header-container-half-vertical {
        width: 50%;
        padding-left: 94px;
        padding-right: calc(66px);
        padding-top: 0;
        float: left
    }
}

.component-article-header .text-super {
    vertical-align: super;
    font-size: 22px
}

@media screen and (min-width:768px) {
    .component-article-header .text-super {
        font-size: 30px
    }
}

.component-article-header-default {
    height: auto;
    padding: 78px 0;
    padding-bottom: 0
}

.component-people .credits {
    color: #969696
}

@media screen and (max-width:calc(576px - 1px)) {
    .component-people h5 {
        padding-left: 18px;
        padding-right: 18px
    }
}

.component-people.container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto
}

.component-people .col-carousel {
    overflow: hidden
}

.component-people.container-fluid {
    padding: 0
}

.component-people .row {
    margin: 0
}

.component-people .slick-list {
    padding: 0 7% 0 0
}

.component-people .image-container {
    padding: 0
}

@media only screen and (min-width:1024px) {
    .component-people .image-container.line2 {
        order: 2;
        text-align: right
    }
}

.component-people .image-container>.image {
    width: 100%;
    filter: grayscale(100%)
}

.component-people .image-container>.image:hover {
    filter: none
}

.component-people .copyText>h3 {
    font-size: 20px;
    line-height: 25px
}

.component-people .copyText>span {
    font-size: 10px
}

@media only screen and (min-width:768px) {
    .component-people .copyText>h3 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 2rem
    }

    .component-people .copyText>span {
        font-size: 15px
    }
}

@media only screen and (min-width:1024px) {
    .component-people .copyText {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        padding: 0 40px
    }

    .component-people .copyText>h3 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 2rem
    }

    .component-people .copyText>span {
        font-size: 15px
    }
}

.component-people.v2,
.component-people.v3 {
    max-width: 1440px
}

.component-people.v2 a,
.component-people.v3 a {
    text-decoration: none
}

.component-people.v2 a:hover,
.component-people.v3 a:hover {
    color: #666;
    text-decoration: none
}

.component-people.v2 h2,
.component-people.v3 h2 {
    margin-bottom: 27px
}

.component-people.v2 .divider,
.component-people.v3 .divider {
    width: 45px;
    height: 2px;
    background: #000;
    margin-bottom: 31px
}

.component-people.v2 h4,
.component-people.v3 h4 {
    margin-bottom: 10px
}

@media only screen and (max-width:calc(575px)) {

    .component-people.v2 h4,
    .component-people.v3 h4 {
        margin-bottom: 10px
    }
}

.component-people.v2 .title,
.component-people.v3 .title {
    padding-bottom: 33px
}

@media screen and (max-width:calc(576px - 1px)) {

    .component-people.v2 .title,
    .component-people.v3 .title {
        padding-bottom: 10px
    }
}

.component-people.v2 .credits,
.component-people.v3 .credits {
    padding-bottom: 64px;
    display: block;
    color: #828282
}

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

    .component-people.v2 .credits,
    .component-people.v3 .credits {
        padding: 0;
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:calc(575px)) {

    .component-people.v2 .credits,
    .component-people.v3 .credits {
        padding: 0;
        margin-bottom: 10px
    }
}

.component-people.v2 .slick-active,
.component-people.v3 .slick-active {
    outline: 0
}

.component-people.v2 .read-more-arrow,
.component-people.v3 .read-more-arrow {
    background-image: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/black-arrow.svg");
    background-size: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    background-position: center;
    vertical-align: middle;
    margin-left: 8px
}

.component-people.v2 a:hover .read-more-arrow,
.component-people.v3 a:hover .read-more-arrow {
    background-image: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/red-arrow.svg")
}

.component-people.v2 .image,
.component-people.v3 .image {
    max-width: 270px
}

.component-people.v3 .credits {
    color: #000
}

.component-people.v3 .image {
    filter: none
}

.component-people.v3 h4 {
    margin-top: 30px;
    margin-bottom: 2rem
}

@media only screen and (max-width:calc(575px)) {
    .component-people.v3 h4 {
        margin-bottom: 5px;
        margin-top: 10px
    }
}

.component-people.v3 h5.eyebrow {
    position: relative;
    padding-bottom: 10px
}

.component-people.v3 h5.eyebrow::after {
    content: '';
    display: block;
    width: 32px;
    height: 2px;
    background-color: #000;
    position: absolute;
    bottom: 0
}

.component-people .leadership-copyText {
    padding: 0 40px 0 80px
}

.component-people .leadership-name {
    color: #212121
}

.component-people .leadership-title {
    color: #969696;
    margin-bottom: 40px
}

#desktopContainer {
    display: none
}

@media only screen and (min-width:768px) {
    #desktopContainer {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    #desktopContainer {
        display: initial
    }
}

@media only screen and (min-width:1024px) {
    #carouselContainer {
        display: none
    }
}

.electronics-list.grid-center .row {
    justify-content: center
}

.list-showmore {
    text-align: center;
    margin-top: 20px
}

.list-basic-hover.container-fluid {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .list-basic-hover.container-fluid {
        padding-right: 94px;
        padding-left: 94px
    }
}

.list-basic-hover>h5 {
    font-size: 18px;
    margin-bottom: 50px
}

@media screen and (max-width:576px) {
    .list-basic-hover>h5 {
        font-size: 14px;
        margin-bottom: 25px
    }
}

.list-basic-hover>h4 {
    margin-bottom: 50px
}

@media screen and (max-width:576px) {
    .list-basic-hover>h4 {
        margin-bottom: 25px
    }
}

.list-basic-hover .list-item {
    padding-left: 0;
    padding-right: 0
}

.list-basic-hover .list-item .hide-text {
    text-decoration: none;
    font-family: "APKProtocol Regular";
    font-size: 14px;
    line-height: 18px
}

.list-basic-hover .list-item .card-title .arrowhoverclr {
    color: #beff00 !important
}

.list-basic-hover .list-item.hover-click .card-title h5 {
    opacity: 0
}

.list-basic-hover .list-item.hover-click .card-title h5.hide-text {
    opacity: 1
}

.list-basic-hover .list-item.hover-click .card-title h5.hide-text:hover {
    color: #98cc00;
    text-decoration: none
}

.list-basic-hover .list-item.hover-click .card-image .card-text {
    top: 0
}

.list-basic-hover .card-image {
    width: 100%;
    height: 130px;
    display: block;
    background-size: cover;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:576px) {
    .list-basic-hover .card-image {
        height: 230px
    }
}

@media screen and (min-width:768px) {
    .list-basic-hover .card-image {
        height: 150px
    }
}

@media screen and (min-width:992px) {
    .list-basic-hover .card-image {
        height: 250px
    }
}

.list-basic-hover .card-image .card-text {
    padding: 15px;
    background-color: #000;
    top: 100%;
    height: 100%;
    position: relative;
    -webkit-transition: top 1s;
    transition: top 1s
}

.list-basic-hover .card-image .card-text p {
    color: #fff
}

@media screen and (min-width:20em) {
    .list-basic-hover .card-image .card-text p {
        font-size: calc(0.6em + 0.1 * ((100vw - 20em) / 16))
    }
}

@media screen and (min-width:576px) {
    .list-basic-hover .card-image .card-text p {
        font-size: .7em
    }
}

@media screen and (min-width:48em) {
    .list-basic-hover .card-image .card-text p {
        font-size: calc(0.6em + 0.2 * ((100vw - 48em) / 14))
    }
}

@media screen and (min-width:992px) {
    .list-basic-hover .card-image .card-text p {
        font-size: .8em
    }
}

@media screen and (min-width:62em) {
    .list-basic-hover .card-image .card-text p {
        font-size: calc(0.8em + 0.2 * ((100vw - 62em) / 13))
    }
}

@media screen and (min-width:1200px) {
    .list-basic-hover .card-image .card-text p {
        font-size: 1em
    }
}

.list-basic-hover .card-image .card-text h5 {
    color: #beff00
}

.list-basic-hover .card-title {
    height: 56px;
    display: flex;
    align-items: center;
    background: #000;
    padding: 0 14px;
    -webkit-box-shadow: 0 0 5px 0 #a6a6a6;
    -moz-box-shadow: 0 0 5px 0 #a6a6a6;
    box-shadow: 0 0 5px 0 #a6a6a6
}

.list-basic-hover .card-title h5 {
    float: left;
    display: block;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 1;
    max-width: calc(100% - 16px);
    min-width: calc(100% - 16px);
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #beff00
}

.list-basic-hover .card-title h5:hover {
    color: #98cc00
}

.list-basic-hover .card-title h5.hide-text {
    position: absolute;
    opacity: 0
}

.list-basic-hover .card-title span {
    float: right;
    color: #beff00
}

.list-basic-hover .card-title span:hover {
    color: #98cc00
}

.list-basic-hover .card-title:hover span {
    color: #98cc00
}

.list-basic-hover .card-title:hover .hide-text {
    color: #98cc00
}

.list-full.container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .list-full.container {
        padding-right: 94px;
        padding-left: 94px
    }
}

.list-full>h5 {
    font-size: 18px;
    margin-bottom: 50px
}

.list-full>h5:after {
    display: none !important
}

@media screen and (max-width:576px) {
    .list-full>h5 {
        font-size: 14px;
        margin-bottom: 25px
    }
}

.list-full>h4 {
    margin-bottom: 50px !important
}

.list-full>h4:after {
    display: none !important
}

@media screen and (max-width:576px) {
    .list-full>h4 {
        margin-bottom: 25px !important
    }
}

.list-full .list-item {
    display: inline-block
}

@media(min-width:992px) {
    .list-three-column-grid .list-full .list-item {
        flex-basis: 33%;
        max-width: 33%
    }
}

.list-full .list-item .list-container {
    padding: 20px 0;
    margin-bottom: 20px;
    position: relative
}

.list-CTA .list-full .list-item .list-container {
    padding-bottom: 35px
}

@media screen and (min-width:576px) {
    .list-CTA .list-full .list-item .list-container {
        height: 100%
    }
}

.list-full .list-item .list-container .list-body,
.list-full .list-item .list-container .action {
    display: none
}

.list-descriptiontext .list-full .list-item .list-container .list-body {
    display: block;
    margin-bottom: 1rem
}

.list-descriptiontext .list-full .list-item .list-container .list-body p {
    color: #212121
}

.content-white.list-descriptiontext .list-full .list-item .list-container .list-body,
.content-white.list-descriptiontext .list-full .list-item .list-container .list-body p {
    color: #fff
}

.content-black.list-descriptiontext .list-full .list-item .list-container .list-body,
.content-black.list-descriptiontext .list-full .list-item .list-container .list-body p {
    color: #000
}

.list-CTA .list-full .list-item .list-container .action {
    display: block;
    position: absolute;
    bottom: 15px;
    width: 100%
}

@media screen and (min-width:992px) {
    .list-full .list-item:nth-child(n+2)::before {
        content: "";
        height: 60%;
        top: 20%;
        position: relative;
        width: 2px;
        float: left;
        display: inline-block
    }
}

@media screen and (min-width:576px) and (max-width:calc(992px - 1px)) {
    .list-full .list-item:nth-child(2n) .list-container {
        padding-left: 20px
    }

    .list-full .list-item:nth-child(2n)::before {
        content: none;
        height: 60%;
        top: 20%;
        position: relative;
        width: 2px;
        float: left;
        display: inline-block;
        background-color: #e1e1e1
    }

    .list-full .list-item:nth-child(odd) .list-container {
        padding-right: 20px
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .list-full .list-item:nth-child(n+2)::before {
        content: "";
        width: 80%;
        left: 10%;
        position: relative;
        height: 2px;
        float: left;
        display: block;
        background-color: #e1e1e1
    }
}

.list-full .card-image {
    display: flex;
    align-items: flex-end;
    margin-bottom: 40px
}

@media screen and (min-width:576px) {
    .list-full .card-image {
        height: 120px
    }
}

.list-full .card-image img {
    max-width: 100%;
    max-height: 120px
}

.full-center .list-full .card-image {
    justify-content: center
}

.list-circle .list-full .card-image img {
    border-radius: 100px
}

.list-icon .list-full .card-image img {
    height: 80px;
    width: 80px
}

.list-full .list-container h1,
.list-full .list-container h2,
.list-full .list-container h3,
.list-full .list-container h4,
.list-full .list-container h5,
.list-full .list-container h6 {
    text-align: left;
    margin-bottom: 20px
}

.hide-fulllist-line .list-full .list-container h1,
.hide-fulllist-line .list-full .list-container h2,
.hide-fulllist-line .list-full .list-container h3,
.hide-fulllist-line .list-full .list-container h4,
.hide-fulllist-line .list-full .list-container h5,
.hide-fulllist-line .list-full .list-container h6 {
    margin-bottom: 0
}

.list-full .list-container h1::after,
.list-full .list-container h2::after,
.list-full .list-container h3::after,
.list-full .list-container h4::after,
.list-full .list-container h5::after,
.list-full .list-container h6::after {
    margin-top: 20px;
    content: "";
    display: block;
    height: 2px;
    width: 30px;
    background-color: #000
}

.hide-fulllist-line .list-full .list-container h1::after,
.hide-fulllist-line .list-full .list-container h2::after,
.hide-fulllist-line .list-full .list-container h3::after,
.hide-fulllist-line .list-full .list-container h4::after,
.hide-fulllist-line .list-full .list-container h5::after,
.hide-fulllist-line .list-full .list-container h6::after {
    display: none
}

.full-center .list-full .list-container h1,
.full-center .list-full .list-container h2,
.full-center .list-full .list-container h3,
.full-center .list-full .list-container h4,
.full-center .list-full .list-container h5,
.full-center .list-full .list-container h6 {
    text-align: center
}

.full-center .list-full .list-container h1::after,
.full-center .list-full .list-container h2::after,
.full-center .list-full .list-container h3::after,
.full-center .list-full .list-container h4::after,
.full-center .list-full .list-container h5::after,
.full-center .list-full .list-container h6::after {
    margin-left: auto;
    margin-right: auto
}

.content-white .list-full .list-container h1,
.content-white .list-full .list-container h2,
.content-white .list-full .list-container h3,
.content-white .list-full .list-container h4,
.content-white .list-full .list-container h5,
.content-white .list-full .list-container h6 {
    color: #fff
}

.content-white .list-full .list-container h1:after,
.content-white .list-full .list-container h2:after,
.content-white .list-full .list-container h3:after,
.content-white .list-full .list-container h4:after,
.content-white .list-full .list-container h5:after,
.content-white .list-full .list-container h6:after {
    background-color: #fff
}

.content-black .list-full .list-container h1,
.content-black .list-full .list-container h2,
.content-black .list-full .list-container h3,
.content-black .list-full .list-container h4,
.content-black .list-full .list-container h5,
.content-black .list-full .list-container h6 {
    color: #000
}

.content-black .list-full .list-container h1:after,
.content-black .list-full .list-container h2:after,
.content-black .list-full .list-container h3:after,
.content-black .list-full .list-container h4:after,
.content-black .list-full .list-container h5:after,
.content-black .list-full .list-container h6:after {
    background-color: #000
}

.full-center .list-full .list-body {
    text-align: center
}

.full-center .list-full .list-body::before {
    margin-left: auto;
    margin-right: auto
}

.list-full .action a {
    text-decoration: none
}

.list-full .action a:hover {
    color: #666;
    text-decoration: none
}

.content-white .list-full .action a {
    color: #fff
}

.content-white .list-full .action a span {
    color: #fff
}

.content-white .list-full .action a:hover,
.content-white .list-full .action a:hover span {
    color: #beff00
}

.content-black .list-full .action a {
    color: #000
}

.content-black .list-full .action a span {
    color: #000
}

.content-black .list-full .action a:hover,
.content-black .list-full .action a:hover span {
    color: #beff00
}

.list-full .action span {
    margin-left: 10px
}

.full-center .list-full .action {
    text-align: center
}

.electronics-list .list-basic-hover .hover-list-item {
    display: none
}

.electronics-list .list-basic-hover .hover-list-item:nth-child(-n+8) {
    display: inline-block
}

.electronics-list .list-full .list-item {
    display: none
}

.electronics-list .list-full .list-item:nth-child(-n+8) {
    display: inline-block
}

.electronics-list.list-show-all .list-basic-hover .hover-list-item {
    display: inline-block
}

.electronics-list.list-show-all .list-full .list-item {
    display: inline-block
}

.electronics-list.list-show-all .list-showmore {
    display: none
}

@media screen and (max-width:991px) {
    .electronics-list.list-padding .list-full {
        padding: 0 23px !important
    }
}

.list-icon .list-full .card-image {
    height: 80px
}

.list-icon .list-full .card-image img {
    max-height: 80px
}

.electronics-list.big-list-item img {
    height: 240px !important
}

.electronics-list.hoverred .list-full .list-body ul {
    padding-left: 15px;
    padding-right: 15px
}

.electronics-list.hoverred .list-full .list-body a:hover {
    color: #beff00 !important
}

.list-CTA .list-full .list-item .action a:hover {
    color: #666
}

.neon-icon-black-bg .list-full.container .row {
    background-color: #1a1a1a;
    padding: 0 15px
}

.neon-icon-black-bg .list-full .list-item .list-container .card-image.full {
    height: auto;
    background: #000;
    padding-block: 25%;
    margin-bottom: 20px
}

.neon-icon-black-bg .list-full .list-item .list-container .card-image.full img {
    width: 50%;
    max-height: unset;
    margin: 0 auto
}

.neon-icon-black-bg .list-full .list-item .list-container .list-body {
    display: block;
    margin-bottom: 0;
    padding-left: 15px
}

.neon-icon-black-bg .list-full .list-item .list-container .list-body p {
    color: #212121;
    margin-bottom: 10px
}

@media screen and (min-width:576px) and (max-width:calc(992px - 1px)) {
    .neon-icon-black-bg .list-full .list-item:nth-child(odd) .list-container {
        padding-right: 10px !important
    }

    .neon-icon-black-bg .list-full .list-item:nth-child(2n) .list-container {
        padding-left: 10px
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .neon-icon-black-bg .list-full .list-item:nth-child(n+2)::before {
        display: none
    }
}

.container.carousel-container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .container.carousel-container {
        padding-right: 94px;
        padding-left: 94px
    }
}

.featured-carousel-one .play_icon {
    height: 56px;
    width: 56px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

@media screen and (max-width:767px) {
    .featured-carousel-one .play_icon {
        height: 50px;
        width: 50px
    }
}

.featured-carousel-one--slider {
    overflow: hidden;
    transition: .333s
}

.featured-carousel-one--slider .slick-list {
    overflow: visible;
    width: calc(100vw - (33px * 2));
    max-width: calc(1252px);
    margin: 0 auto;
    width: calc(100vw - (10px * 2))
}

@media screen and (min-width:1024px) {
    .featured-carousel-one--slider .slick-list {
        width: calc(100vw - (94px * 2))
    }
}

@media screen and (min-width:768px) {
    .featured-carousel-one--slider .slick-list {
        width: calc(100vw - (15px * 2))
    }
}

@media screen and (min-width:1024px) {
    .featured-carousel-one--slider .slick-list {
        width: calc(100vw - (94px * 2))
    }
}

.featured-carousel-one--slide {
    margin: 0 20px 0 0;
    height: 570px;
    max-height: 75vh;
    display: flex !important;
    flex-direction: column;
    transition: .333s;
    background: white;
    position: relative
}

.featured-carousel-one--slide .ancSpc {
    margin-top: 20px;
    font-size: 14px !important;
    line-height: 24px;
    color: #000
}

.featured-carousel-one--slide .ancSpc:hover {
    color: #666
}

@media screen and (min-width:768px) {
    .featured-carousel-one--slide {
        height: 445px;
        margin: 0 30px 0 0;
        flex-direction: row
    }
}

@media screen and (max-width:767px) {
    .featured-carousel-one--slide_expanded {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 100vh
    }
}

@media screen and (min-width:768px) {
    .featured-carousel-one--slide_expanded {
        width: 100%
    }
}

.featured-carousel-one--slide_expanded .featured-carousel-one--slide-content {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 30px 60px 30px 30px
}

@media screen and (min-width:768px) {
    .featured-carousel-one--slide_expanded .featured-carousel-one--slide-content {
        padding: 30px 60px 30px 30px
    }
}

@media screen and (min-width:1024px) {
    .featured-carousel-one--slide_expanded .featured-carousel-one--slide-content {
        padding: 30px 90px 30px 45px
    }
}

.featured-carousel-one--slide_expanded .featured-carousel-one--slide-content:after {
    opacity: 0
}

.featured-carousel-one--slide-image {
    flex: 1 1 50%;
    overflow: hidden;
    transition: .333s;
    position: relative
}

@media screen and (min-width:768px) {
    .featured-carousel-one--slide-image {
        flex: 0 0 55%
    }
}

.featured-carousel-one--slide-image img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

@supports(-ms-ime-align:auto) {
    .featured-carousel-one--slide-image img {
        width: 58vw;
        height: 69vh;
        left: -43%;
        position: relative
    }
}

.featured-carousel-one--slide-content {
    flex: 1 1 50%;
    border-color: #000;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    padding: 20px;
    overflow: hidden;
    position: relative;
    transition: .333s
}

@media screen and (min-width:768px) {
    .featured-carousel-one--slide-content {
        flex: 1 1 45%;
        border-width: 1px 1px 1px 0;
        padding: 30px
    }
}

@media screen and (min-width:1024px) {
    .featured-carousel-one--slide-content {
        padding: 30px 45px
    }
}

.featured-carousel-one--slide-content img {
    display: block;
    width: 40px;
    margin-bottom: 10px
}

@media screen and (min-width:768px) {
    .featured-carousel-one--slide-content img {
        width: 60px;
        margin-bottom: 20px
    }
}

@media screen and (min-width:1024px) {
    .featured-carousel-one--slide-content img {
        width: 80px;
        margin-bottom: 30px
    }
}

.featured-carousel-one--slide_expandable .featured-carousel-one--slide-content:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 125px;
    background: linear-gradient(rgba(255, 255, 255, 0), #fff 75%);
    pointer-events: none;
    transition: .333s
}

.featured-carousel-one .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    margin: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: .333s;
    width: auto;
    height: auto
}

.featured-carousel-one .slick-arrow:before {
    content: ''
}

.featured-carousel-one .slick-prev {
    left: 0
}

.featured-carousel-one .slick-next {
    right: 0
}

@media screen and (min-width:1024px) {
    .featured-carousel-one:hover .slick-arrow:not(.slick-disabled) {
        opacity: 1;
        visibility: visible
    }
}

.featured-carousel-one--track {
    width: calc(100vw - (33px * 2));
    max-width: calc(1252px);
    margin: 0 auto;
    width: calc(100vw - (10px * 2));
    background: #e1e1e1;
    height: 2px;
    margin-top: 30px;
    position: relative;
    transition: .333s
}

@media screen and (min-width:1024px) {
    .featured-carousel-one--track {
        width: calc(100vw - (94px * 2))
    }
}

@media screen and (min-width:768px) {
    .featured-carousel-one--track {
        width: calc(100vw - (15px * 2))
    }
}

@media screen and (min-width:1024px) {
    .featured-carousel-one--track {
        width: calc(100vw - (94px * 2))
    }
}

.featured-carousel-one--thumb {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    transform-origin: left;
    transition: .333s;
    background: #000
}

.featured-carousel-one--modal-container {
    width: calc(100vw - (33px * 2));
    max-width: calc(1252px);
    margin: 0 auto;
    width: calc(100vw - (10px * 2));
    position: relative;
    height: 0;
    z-index: 1
}

@media screen and (min-width:1024px) {
    .featured-carousel-one--modal-container {
        width: calc(100vw - (94px * 2))
    }
}

@media screen and (min-width:768px) {
    .featured-carousel-one--modal-container {
        width: calc(100vw - (15px * 2))
    }
}

@media screen and (min-width:1024px) {
    .featured-carousel-one--modal-container {
        width: calc(100vw - (94px * 2))
    }
}

@media screen and (max-width:768px) {
    .featured-carousel-one--modal-container>div {
        position: fixed
    }
}

@media screen and (min-width:768px) {
    .featured-carousel-one--modal-container>div {
        position: absolute
    }
}

.featured-carousel-one--open-button {
    display: flex;
    width: 30px;
    height: 30px;
    background: 0;
    margin: 0;
    border: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 10px;
    right: 30px;
    transition: .333s;
    cursor: pointer;
    opacity: 0;
    visibility: hidden
}

.slick-current.featured-carousel-one--slide_expandable .featured-carousel-one--open-button {
    opacity: 1;
    visibility: visible
}

.featured-carousel-one--close-button {
    display: flex;
    width: 30px;
    height: 30px;
    background: 0;
    margin: 0;
    border: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% + 20px);
    right: 20px;
    transition: .333s;
    cursor: pointer
}

@media screen and (min-width:768px) {
    .featured-carousel-one--close-button {
        top: 20px;
        right: 20px
    }
}

@media screen and (min-width:1024px) {
    .featured-carousel-one--close-button {
        top: 30px;
        right: 45px
    }
}

.featured-carousel-one--hidden {
    opacity: 0 !important;
    visibility: hidden !important
}

.component-featured-carousel-v2.container-fluid {
    padding: 0
}

.component-featured-carousel-v2 .row {
    margin: 0
}

.component-featured-carousel-v2 .row h5 {
    margin-bottom: 50px
}

.component-featured-carousel-v2 .featured-carousel-slick .play_icon {
    height: 56px;
    width: 56px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

@media screen and (max-width:767px) {
    .component-featured-carousel-v2 .featured-carousel-slick .play_icon {
        height: 50px;
        width: 50px
    }
}

.component-featured-carousel-v2 .featured-carousel-slick:hover .c-arrow {
    opacity: 1;
    z-index: 98
}

.component-featured-carousel-v2 .featured-carousel-slick.slick-slider {
    overflow: hidden;
    transition: .333s
}

.component-featured-carousel-v2 .featured-carousel-slick.slick-slider .slick-list {
    overflow: visible;
    padding: 10px 0;
    max-width: calc(1252px);
    margin: 0 auto;
    width: calc(100vw - (33px * 2))
}

@media screen and (min-width:1024px) {
    .component-featured-carousel-v2 .featured-carousel-slick.slick-slider .slick-list {
        width: calc(100vw - (94px * 2))
    }
}

@media screen and (max-width:959px) {
    .component-featured-carousel-v2 .featured-carousel-slick.slick-slider .slick-list {
        margin: 0 0 0 33px;
        width: calc(100vw - 33px)
    }
}

.component-featured-carousel-v2 .featured-carousel-slick .c-container {
    height: 307px
}

@media screen and (min-width:960px) {
    .component-featured-carousel-v2 .featured-carousel-slick .c-container {
        height: 428px
    }
}

.component-featured-carousel-v2 .featured-carousel-slick .c-container:focus {
    outline: 0
}

.component-featured-carousel-v2 .featured-carousel-slick .main-item {
    box-shadow: 0 0 15px 0 rgba(201, 201, 201, 0.5);
    height: inherit
}

.component-featured-carousel-v2 .featured-carousel-slick .main-item .top-half {
    width: 100%;
    height: 60%;
    box-shadow: rgba(225, 225, 225, 0.5) 2px -1px 5px 0
}

.component-featured-carousel-v2 .featured-carousel-slick .main-item .top-half .anchorOverlay {
    height: 100%;
    width: calc(100% + 30px);
    float: left;
    margin-left: -15px
}

.component-featured-carousel-v2 .featured-carousel-slick .main-item .top-half .image {
    height: 100%;
    background-size: cover
}

.component-featured-carousel-v2 .featured-carousel-slick .main-item .top-half .image-title {
    padding: 5% 5% 0 5%;
    font-family: "APKProtocol Regular";
    line-height: 150%
}

@media screen and (min-width:18.33333333em) {
    .component-featured-carousel-v2 .featured-carousel-slick .main-item .top-half .image-title {
        font-size: calc(1em + 0.8 * ((100vw - 18.33333333em) / 101.66666667))
    }
}

@media screen and (min-width:1440px) {
    .component-featured-carousel-v2 .featured-carousel-slick .main-item .top-half .image-title {
        font-size: 1.8em
    }
}

.component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half {
    height: 40%;
    position: relative;
    color: #fff
}

.component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half .description {
    font-family: "APKProtocol Regular";
    user-select: text;
    font-weight: 100;
    position: absolute;
    top: 50%;
    left: 23px;
    width: calc(59% - 23px);
    transform: translateY(-50%)
}

@media screen and (min-width:960px) {
    .component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half .description {
        width: calc(59% - 30px);
        left: 30px
    }
}

@media screen and (max-width:959px) {
    .component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half .description {
        font-size: calc(10px + (12 - 10) *((100vw - 320px) /(959 - 320)))
    }
}

@media screen and (min-width:960px) and (max-width:1439px) {
    .component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half .description {
        font-size: calc(12px + (15 - 12) *((100vw - 960px) /(1440 - 960)))
    }
}

@media screen and (min-width:1440px) {
    .component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half .description {
        font-size: 15px
    }
}

.component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half .description.full-width {
    width: calc(100% - 60px)
}

.component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half .read-more {
    font-family: "APKProtocol Regular";
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    text-align: right;
    width: calc(40% - 50px);
    color: #fff;
    cursor: pointer;
    outline: 0
}

@media screen and (min-width:960px) {
    .component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half .read-more {
        width: calc(40% - 50px)
    }
}

@media screen and (max-width:959px) {
    .component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half .read-more {
        font-size: calc(11px + (13 - 11) *((100vw - 320px) /(959 - 320)))
    }
}

@media screen and (min-width:960px) and (max-width:1439px) {
    .component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half .read-more {
        font-size: calc(13px + (16 - 13) *((100vw - 960px) /(1440 - 960)))
    }
}

@media screen and (min-width:1440px) {
    .component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half .read-more {
        font-size: 16px
    }
}

.component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half .read-more:hover {
    text-decoration: none;
    color: #beff00
}

.component-featured-carousel-v2 .featured-carousel-slick .main-item .bottom-half .fas {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%)
}

.component-featured-carousel-v2 .featured-carousel-slick .hide {
    visibility: hidden !important
}

.component-featured-carousel-v2 .featured-carousel-slick .c-arrow {
    position: absolute;
    height: 50px;
    width: 50px;
    background-color: rgba(225, 225, 225, 0.85);
    color: #fff;
    z-index: 999;
    align-items: center;
    cursor: pointer;
    transition: opacity .35s;
    opacity: 0
}

.component-featured-carousel-v2 .featured-carousel-slick .c-prev {
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/carousel-prev-icon.svg');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center
}

.component-featured-carousel-v2 .featured-carousel-slick .c-next {
    bottom: 50%;
    right: 0;
    transform: translate(0, 50%);
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/carousel-next-icon.svg');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center
}

.component-featured-carousel-v2 .featured-carousel-slick .slick-slide {
    margin: 0 30px 0 0
}

.component-featured-carousel-v2 .featured-carousel-slick .slick-slide:last-child {
    margin: 0
}

.component-featured-carousel-v2 .carousel-progress {
    height: 2px;
    max-width: calc(1252px);
    margin: 0 auto;
    width: calc(100vw - (33px * 2));
    background-color: #e1e1e1;
    position: relative;
    margin-top: 20px
}

@media screen and (min-width:1024px) {
    .component-featured-carousel-v2 .carousel-progress {
        width: calc(100vw - (94px * 2))
    }
}

@media screen and (max-width:959px) {
    .component-featured-carousel-v2 .carousel-progress {
        width: calc(100vw - (33px * 2));
        margin: 0 auto
    }
}

.component-featured-carousel-v2 .carousel-progress .completed {
    background-color: #000;
    width: 0;
    left: 0;
    height: 2px;
    position: absolute;
    overflow: hidden;
    transition: left .5s
}

.component-featured-carousel-v2 .static-carousel .play_icon {
    height: 56px;
    width: 56px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

@media screen and (max-width:767px) {
    .component-featured-carousel-v2 .static-carousel .play_icon {
        height: 50px;
        width: 50px
    }
}

.component-featured-carousel-v2 .static-carousel .col-lg-6 {
    margin-bottom: 0;
    padding-right: 15px;
    padding-left: 0
}

.component-featured-carousel-v2 .static-carousel .col-lg-6:last-child {
    padding-right: 0;
    padding-left: 15px
}

@media screen and (max-width:959px) {
    .component-featured-carousel-v2 .static-carousel .col-lg-6 {
        margin-bottom: 30px;
        padding-right: 0;
        padding-left: 0
    }

    .component-featured-carousel-v2 .static-carousel .col-lg-6:last-child {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width:993px) and (max-width:1023px) {
    .component-featured-carousel-v2 .static-carousel .col-lg-6 {
        padding-right: 15px;
        padding-left: 28px
    }

    .component-featured-carousel-v2 .static-carousel .col-lg-6:last-child {
        padding-right: 28px;
        padding-left: 15px
    }
}

.component-featured-carousel-v2 .static-carousel .c-container {
    height: 307px;
    box-shadow: 0 0 15px 0 rgba(201, 201, 201, 0.5);
    padding-left: 0;
    padding-right: 0;
    margin: 0 33px
}

@media screen and (min-width:600px) {
    .component-featured-carousel-v2 .static-carousel .c-container {
        height: 400px;
        margin: 0 33px
    }
}

@media screen and (min-width:780px) {
    .component-featured-carousel-v2 .static-carousel .c-container {
        height: 500px;
        margin: 0 33px
    }
}

@media screen and (min-width:993px) {
    .component-featured-carousel-v2 .static-carousel .c-container {
        height: 428px;
        margin: 0
    }
}

.component-featured-carousel-v2 .static-carousel .main-item {
    height: inherit;
    position: relative
}

.component-featured-carousel-v2 .static-carousel .main-item .top-half {
    width: 100%;
    height: 60%
}

.component-featured-carousel-v2 .static-carousel .main-item .top-half .anchorOverlay {
    height: 100%;
    width: calc(100% + 30px);
    float: left;
    margin-left: -15px
}

.component-featured-carousel-v2 .static-carousel .main-item .top-half .image {
    height: 100%;
    background-size: cover
}

.component-featured-carousel-v2 .static-carousel .main-item .top-half .image-title {
    padding: 5% 5% 0 5%;
    font-family: "APKProtocol Regular";
    line-height: 150%
}

@media screen and (min-width:18.33333333em) {
    .component-featured-carousel-v2 .static-carousel .main-item .top-half .image-title {
        font-size: calc(1em + 0.8 * ((100vw - 18.33333333em) / 115))
    }
}

@media screen and (min-width:1600px) {
    .component-featured-carousel-v2 .static-carousel .main-item .top-half .image-title {
        font-size: 1.8em
    }
}

.component-featured-carousel-v2 .static-carousel .main-item .bottom-half {
    height: 40%;
    width: 100%;
    color: #fff;
    position: relative
}

.component-featured-carousel-v2 .static-carousel .main-item .bottom-half .description {
    font-family: "APKProtocol Regular";
    user-select: text;
    font-weight: 100;
    position: absolute;
    width: calc(59% - 23px);
    top: 50%;
    transform: translateY(-50%);
    left: 23px
}

@media screen and (min-width:960px) {
    .component-featured-carousel-v2 .static-carousel .main-item .bottom-half .description {
        width: calc(59% - 30px);
        left: 30px
    }
}

@media screen and (max-width:959px) {
    .component-featured-carousel-v2 .static-carousel .main-item .bottom-half .description {
        font-size: calc(10px + (12 - 10) *((100vw - 320px) /(959 - 320)))
    }
}

@media screen and (min-width:960px) and (max-width:1439px) {
    .component-featured-carousel-v2 .static-carousel .main-item .bottom-half .description {
        font-size: calc(12px + (15 - 12) *((100vw - 960px) /(1440 - 960)))
    }
}

@media screen and (min-width:1440px) {
    .component-featured-carousel-v2 .static-carousel .main-item .bottom-half .description {
        font-size: 15px
    }
}

.component-featured-carousel-v2 .static-carousel .main-item .bottom-half .description.full-width {
    width: calc(100% - 60px)
}

.component-featured-carousel-v2 .static-carousel .main-item .bottom-half .read-more {
    font-family: "APKProtocol Regular";
    align-self: center;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    cursor: pointer;
    outline: 0;
    text-align: right;
    width: calc(40% - 50px)
}

@media screen and (min-width:960px) {
    .component-featured-carousel-v2 .static-carousel .main-item .bottom-half .read-more {
        width: calc(40% - 50px)
    }
}

.component-featured-carousel-v2 .static-carousel .main-item .bottom-half .read-more:hover {
    text-decoration: none;
    color: #beff00
}

@media screen and (max-width:1439px) {
    .component-featured-carousel-v2 .static-carousel .main-item .bottom-half .read-more {
        font-size: calc(13px + (16 - 13) *((100vw - 320px) /(1440 - 320)))
    }
}

@media screen and (min-width:1440px) {
    .component-featured-carousel-v2 .static-carousel .main-item .bottom-half .read-more {
        font-size: 16px
    }
}

.component-featured-carousel-v2 .static-carousel .main-item .bottom-half .fas {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%)
}

.component-detailed-list {
    position: relative
}

@media screen and (min-width:768px) {
    .component-detailed-list {
        padding-top: 416px !important
    }
}

.component-detailed-list--header {
    margin: 0 10% 2.5em
}

@media screen and (min-width:768px) {
    .component-detailed-list--header {
        margin: 0 0 2.5em
    }
}

.component-detailed-list--image-container {
    width: 100%;
    height: 0;
    z-index: 1
}

@media screen and (max-width:calc(768px - 1px)) {
    .component-detailed-list--image-container {
        position: -webkit-sticky;
        position: sticky;
        top: 72px;
        padding-bottom: 100%
    }
}

@media screen and (min-width:768px) {
    .component-detailed-list--image-container {
        position: absolute;
        top: 0;
        left: 0;
        height: 626px
    }
}

.component-detailed-list--image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.component-detailed-list--content-group {
    width: 80%;
    margin: 0 auto;
    background: white;
    position: relative;
    z-index: 2
}

@media screen and (max-width:calc(768px - 1px)) {
    .component-detailed-list--content-group {
        margin: -50vw auto 0;
        min-height: 50vw
    }
}

@media screen and (min-width:768px) {
    .component-detailed-list--content-group {
        margin: 0 auto;
        min-height: 208px;
        display: flex
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .component-detailed-list--content-group {
        margin-left: 33px;
        margin-right: 33px;
        width: initial
    }
}

.component-detailed-list--content-item {
    position: relative
}

@media screen and (max-width:767px) {
    .component-detailed-list--content-item:last-child {
        padding-bottom: 0
    }
}

.component-detailed-list--content-item .body3 p {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .component-detailed-list--content-item a.arrow {
        position: absolute;
        bottom: 0
    }
}

.component-detailed-list--content-item a.arrow:after {
    top: 0
}

@media screen and (max-width:calc(768px - 1px)) {
    .component-detailed-list--content-item {
        padding: 15%
    }

    .component-detailed-list--content-item:not(:last-child):after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 15%;
        right: 60%;
        height: 1px;
        background: #969696
    }
}

@media screen and (min-width:768px) {
    .component-detailed-list--content-item {
        padding: 5%;
        flex: 1
    }

    .component-detailed-list--content-item:not(:last-child):after {
        position: absolute;
        content: '';
        top: 33.333%;
        bottom: 33.333%;
        right: 0;
        width: 1px;
        background: #969696
    }
}

.component-detailed-list--content-item h5 {
    position: relative;
    padding-bottom: 1.4em;
    margin-bottom: .75em
}

.component-detailed-list--content-item h5:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 1px;
    background: #beff00
}

.component-header {
    max-height: 700px;
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center;
    height: calc(100vh - 72px)
}

.component-header.editmode {
    height: 500px
}

@media screen and (min-width:1024px) {
    .component-header {
        height: calc(100vh - 88px);
        padding: 0
    }
}

@media screen and (max-width:1023px) {
    .component-header {
        padding: 0 33px
    }
}

.component-header .header-title {
    height: 100%
}

@media screen and (max-width:1024px) {
    .component-header .header-title {
        height: calc(100% - 68px)
    }
}

.component-header .header-title .title-alignment {
    display: flex;
    align-items: center
}

.component-header-light h1,
.component-header-light h5,
.component-header-light .header-text {
    color: #fff
}

.component-header-dark h1,
.component-header-dark h5,
.component-header-dark .header-text {
    color: #fc2d72
}

.component-header .header-container {
    height: 100%;
    position: relative;
    max-height: 1440px;
    padding-top: 65px;
    padding-bottom: 65px
}

.component-header h1 {
    width: 100%
}

.component-header h1 span {
    padding-bottom: 23px;
    position: relative
}

.component-header h1 span::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    content: ""
}

.component-header h1 span .text-line-header-home {
    position: absolute
}

.component-header h1 span .text-line-header-home.light {
    border-bottom: 2px solid #fff
}

.component-header h1 span .text-line-header-home.dark {
    border-bottom: 2px solid #fc2d72
}

.hide-hero-line .component-header h1 span .text-line-header-home {
    display: none
}

.component-header h1 a {
    position: relative;
    top: 30px
}

.component-header h1 a:not(.cta) {
    color: white
}

.component-header h1 a:not(.cta):hover {
    color: red
}

.component-header h1 a img {
    filter: brightness(0) invert(1);
    margin-left: 10px
}

.component-header .header-text {
    margin-bottom: 20px;
    max-width: 1140px
}

.component-header .header-text .header-text-right {
    text-align: right
}

.component-header-v2 {
    width: 100%;
    display: block;
    background-size: cover;
    height: calc(100vh - 72px)
}

.component-header-v2.editmode {
    height: 500px
}

@media screen and (min-width:1024px) {
    .component-header-v2 {
        height: calc(100vh - 88px)
    }
}

@media screen and (max-width:1023px) {
    .component-header-v2 {
        padding-right: 33px;
        padding-left: 33px
    }
}

.component-header-v2 .header-title {
    height: calc(100% - 44px)
}

@media screen and (max-width:1024px) {
    .component-header-v2 .header-title {
        height: calc(100% - 68px)
    }
}

.component-header-v2-light h1,
.component-header-v2-light h5,
.component-header-v2-light .header-text {
    color: #fff
}

.component-header-v2-light h1 a,
.component-header-v2-light h5 a,
.component-header-v2-light .header-text a {
    color: #fff
}

.component-header-v2-dark h1,
.component-header-v2-dark h5,
.component-header-v2-dark .header-text {
    color: #fc2d72
}

.component-header-v2-dark h1 a,
.component-header-v2-dark h5 a,
.component-header-v2-dark .header-text a {
    color: #fc2d72
}

.component-header-v2 .container-fluid {
    height: 100%;
    position: relative;
    max-height: 1440px
}

.component-header-v2 .header-container {
    height: 100%;
    position: relative;
    max-height: 1440px
}

.component-header-v2 .title-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: left
}

.component-header-v2 h1 span {
    padding-bottom: 16px;
    position: relative
}

.component-header-v2 h1 span::after {
    position: absolute;
    background: #fff;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    content: ""
}

@media screen and (max-width:1024px) {
    .component-header-v2 h1 span {
        left: calc(20px - (20 * (1px - ((100vw - 320px) / 703))))
    }
}

.component-header-v2 h5,
.component-header-v2 h5 a {
    font-size: 16px;
    font-family: "APKProtocol Regular"
}

.component-header-v2 .header-text {
    margin-bottom: 20px;
    max-width: 1140px
}

.component-header-v2 .header-text .header-text-right {
    text-align: right
}

.component-header-v2 .foundation-breadcrumb {
    padding: 0
}

.component-header-v2 .foundation-breadcrumb li a {
    font-size: 16px
}

.component-header-v2 .foundation-breadcrumb li:after {
    padding: 8px;
    content: '|'
}

.component-header-v2 .foundation-breadcrumb li:last-child a {
    color: #fff;
    pointer-events: auto;
    cursor: pointer;
    text-decoration: initial
}

.component-header-v2 .foundation-breadcrumb li:last-child:after {
    content: ''
}

.bio-header {
    min-height: 550px;
    position: relative;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    max-width: 1440px;
    margin: auto;
    font-family: "APKProtocol Regular"
}

@media screen and (max-width:767px) {
    .bio-header {
        background-position: center !important
    }
}

.bio-header .bio-row {
    min-height: 550px
}

@media screen and (min-width:767px) and (max-width:1024px) {
    .bio-header {
        min-height: 350px
    }

    .bio-header .bio-row {
        min-height: 350px
    }
}

@media screen and (max-width:576px) {
    .bio-header {
        min-height: 420px;
        background-position: top !important
    }

    .bio-header .bio-row {
        min-height: 420px
    }
}

.bio-header .bio-title h1 {
    color: #000
}

.bio-header .bio-title p {
    color: #000
}

@media screen and (max-width:767px) {
    .bio-header .bio-title {
        position: absolute;
        padding: 10px 33px 0;
        left: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.5)
    }

    .bio-header .bio-title h1,
    .bio-header .bio-title p {
        text-align: center
    }
}

.bio-header .bio-img {
    max-height: 550px;
    right: 0;
    top: 0
}

@media screen and (max-width:767px) {
    .bio-header .bio-img {
        max-height: 250px
    }
}

.news-room-header {
    position: relative;
    background-size: cover;
    height: calc(100vh - 72px);
    max-height: 700px
}

.news-room-header.editmode {
    height: 500px
}

.news-room-header .col-md-9 {
    padding: 0 15px
}

.news-room-header a {
    text-decoration: none
}

.news-room-header a:hover {
    color: #666;
    text-decoration: none
}

@media screen and (min-width:1024px) {
    .news-room-header {
        height: calc(100vh - 88px);
        padding: 0
    }
}

.news-room-header .container {
    padding: 0 33px
}

@media screen and (min-width:1024px) {
    .news-room-header .container {
        padding: 0 94px
    }
}

.news-room-header a {
    color: #fff
}

.news-room-header a:hover {
    color: #beff00
}

.news-room-header .header-container {
    height: 100%
}

.news-room-header .header-title {
    position: relative;
    height: 100%
}

.news-room-header .title-container h1 {
    color: #fff;
    font-size: 32px
}

@media only screen and (min-width:768px) {
    .news-room-header .title-container h1 {
        font-size: 42px
    }
}

.news-room-header .title-container a {
    font-family: "APKProtocol Regular"
}

.news-room-header .title-container a img {
    filter: brightness(0) invert(1);
    margin-left: 10px
}

.news-room-header .header-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 21px;
    font-family: "APKProtocol Regular"
}

.news-room-header .header-bottom .item:nth-child(2) a {
    font-family: "APKProtocol Regular"
}

.hero-image-social-media {
    margin-left: 1em
}

.heroimage.herotext_Left .title-alignment {
    text-align: left
}

.heroimage.herotext_Center .title-alignment {
    text-align: center
}

.heroimage.herotext_Right .title-alignment {
    text-align: right
}

.heroimage.hero_Top .title-alignment {
    align-items: flex-start
}

.heroimage.hero_Middle .title-alignment {
    align-items: center
}

.heroimage.hero_Bottom .title-alignment {
    align-items: flex-end
}

.heroimage.hero_Mask .component-header:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 100%
}

.heroimage.hero_Mask .header-container {
    z-index: 1
}

.heroimage.full-image-display .component-header {
    height: calc(100vw * 0.5) !important;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (max-width:575px) {
    .heroimage.full-image-display .component-header {
        background-size: contain;
        height: calc(100vh - 72px) !important
    }
}

.title-centered .component-contact-title {
    text-align: center;
    padding-bottom: 30px;
    margin: auto
}

@media only screen and (min-width:768px) {
    .title-centered .component-contact-title {
        max-width: 41.66%
    }
}

.title-centered .component-contact-title p {
    font-size: 32px
}

@media screen and (max-width:768px) {
    .title-centered .component-contact-title p {
        font-size: 24px
    }
}

.component-contact {
    padding-right: 33px;
    padding-left: 33px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    display: flex;
    flex-flow: column wrap
}

@media screen and (min-width:1024px) {
    .component-contact {
        padding-right: 94px;
        padding-left: 94px
    }
}

.component-contact.without-image .divider {
    margin: 30px -2px 25px
}

.component-contact.without-image img {
    margin-bottom: 0
}

@media screen and (max-width:1023px) {
    .component-contact.without-image .component-contact-contact-container {
        height: 107px
    }
}

.component-contact-title {
    margin-top: 35px;
    margin-left: 0
}

.component-contact-title p {
    font-family: "APKProtocol Regular";
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 0;
    color: #000
}

.component-contact-title .contact-title {
    padding: 0 33px
}

@media only screen and (min-width:1024px) {
    .component-contact-title .contact-title {
        padding: 0
    }
}

.component-contact-v2 {
    padding-bottom: 10px
}

.component-contact-v2 p {
    white-space: nowrap
}

.component-contact .contact-title-v2 {
    padding-top: 40px
}

.component-contact-contact-container {
    height: 207px;
    width: 210px;
    margin: 25px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap
}

.component-contact-contact-container>img {
    width: 100px;
    border-radius: 50%;
    margin-bottom: 37px
}

.component-contact-contact-container>.profile-data {
    text-align: center
}

.component-contact-contact-container>.profile-data>p {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    color: #212121;
    padding: 0;
    margin: 0
}

@media only screen and (min-width:768px) {
    .component-contact-contact-container>.profile-data>p {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -0.1px
    }
}

.component-contact-contact-container>.profile-data>p a {
    font-size: inherit
}

.component-contact-contact-container>.profile-data>p a:hover {
    color: #666;
    text-decoration: none
}

.component-contact .divider {
    padding: 0;
    width: fit-content;
    margin: 15px 0;
    display: flex;
    justify-content: center;
    background: 0
}

.component-contact .divider>span {
    background: #969696;
    height: 2px;
    width: 80px;
    display: block
}

@media only screen and (min-width:1024px) {
    .component-contact .divider {
        padding: 0;
        max-width: 2px;
        margin: 25px -2px;
        display: flex;
        align-items: flex-start;
        margin-top: 137px
    }

    .component-contact .divider>span {
        background: #969696;
        height: 80px;
        width: 2px;
        display: block
    }
}

.contact-list-sub_left_container_img_hide .contact-list-page-container .contact-list .contact-list-sub .contact-list-sub_left_container_img_show {
    display: none
}

.contact-list-page-container {
    max-width: 46rem;
    width: 100%;
    margin: 0 auto
}

@media(max-width:575px) {
    .contact-list-page-container {
        max-width: none;
        padding: 0
    }
}

.contact-list-page-container .contact-list {
    padding: 15px 15px 1px 15px
}

.contact-list-page-container .contact-list h2 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-bottom: 20px
}

.contact-list-page-container .contact-list .contact-list-sub {
    margin-bottom: 20px;
    margin-top: 20px
}

.contact-list-page-container .contact-list .contact-list-sub .contact-list-sub_left_container_img_show {
    display: block
}

.contact-list-page-container .contact-list .contact-list-sub .contact-list-sub_left_container_img_show .contact_list_img {
    width: 100%;
    height: auto
}

@media(max-width:1023px) {
    .contact-list-page-container .contact-list .contact-list-sub .contact-list-sub_right_container {
        padding-top: 20px
    }
}

.contact-list-page-container .contact-list .contact-list-sub p {
    margin-bottom: 5px
}

.contact-list-page-container .contact-list .contact-list-sub p a {
    color: #beff00
}

.contact-list-page-container .contact-list .contact-list-sub p a:hover {
    text-decoration: underline
}

@keyframes fromTop {
    0 {
        top: -100px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@keyframes fromBottom {
    0 {
        top: 0;
        opacity: 1
    }

    100% {
        top: -100px;
        opacity: 0
    }
}

.component-navigation--logo .navigationShare {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.component-navigation--logo .navigationShare div:first-child span {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    font-family: "APKProtocol Regular";
    text-align: center;
    font-size: calc(8.55769231px);
    color: #a2a2a2
}

.component-navigation--logo .navigationShare div:last-child {
    display: flex;
    justify-content: center
}

.component-navigation--logo .navigationShare a {
    display: inline-block;
    position: relative;
    width: auto;
    left: 0;
    top: 0;
    transform: none
}

.component-navigation--logo .navigationShare a img {
    display: inline-block;
    height: 30px;
    opacity: 1
}

.component-navigation--logo .navigationShare a:first-child {
    padding-left: 0
}

.component-navigation--logo .icon-aligner a {
    padding-left: 0
}

.component-navigation--logo .icon-aligner a:nth-child(3) {
    padding: 0 20px
}

.component-navigation--logo.showShare .navigationShare {
    display: block
}

.component-navigation--logo.showShare .navigation-logo {
    display: none
}

.component-biobar {
    width: 100%;
    z-index: 95;
    margin-bottom: 30px
}

@media screen and (min-width:1024px) {
    .component-biobar {
        margin-bottom: 0
    }
}

.component-biobar--pageinfo {
    display: none
}

@media screen and (min-width:1024px) {
    .component-biobar .container {
        padding-left: 0;
        padding-right: 0;
        display: block;
        height: 100%;
        position: relative
    }
}

.component-biobar--contain {
    color: #212121;
    position: relative
}

@media screen and (min-width:1024px) {
    .component-biobar--contain {
        width: 140px;
        position: absolute;
        right: 0
    }
}

.component-biobar--contain .divider {
    display: none
}

.component-biobar--contain .action {
    font-family: "APKProtocol Regular";
    font-size: calc(15px - (2 * (1px - ((100vw - 1024px) / 416))));
    display: inline-block;
    padding-left: 0;
    padding-right: 22px;
    color: #a2a2a2
}

.component-biobar--contain-share {
    padding: 0 0 0 calc(16.87055477px);
    margin: 0;
    position: relative;
    display: block
}

.component-biobar--contain-share .share-on {
    display: none
}

.component-biobar--contain-share .share-on a {
    display: inline-block;
    margin-left: 20px
}

.component-biobar--contain-share .share-on a img {
    display: inline-block;
    height: 30px;
    opacity: 1
}

.component-biobar--contain-share .share-on a:first-child {
    margin-left: 0
}

@media screen and (min-width:1024px) {
    .component-biobar--contain-share .share-off {
        display: block;
        position: relative;
        height: 30px;
        opacity: 1;
        transition-property: opacity;
        transition-delay: 0;
        transition-duration: 500ms;
        transition-timing-function: ease-in-out
    }

    .component-biobar--contain-share .share-off a {
        position: relative;
        display: inline-block;
        height: 16px;
        padding-left: 25px;
        line-height: 16px;
        vertical-align: middle;
        margin: 7px 0
    }

    .component-biobar--contain-share .share-off a img {
        height: 15px;
        position: absolute;
        left: 0
    }

    .component-biobar--contain-share .share-on {
        visibility: hidden;
        position: absolute;
        top: 0;
        opacity: 0;
        transition-property: opacity;
        transition-duration: 500ms;
        transition-timing-function: ease-in
    }

    .component-biobar--contain-share .share-on a {
        margin-left: 25px
    }

    .component-biobar--contain-share .share-on a:hover img {
        opacity: .3
    }
}

.component-biobar--contain-share:hover .share-off {
    opacity: 0
}

.component-biobar--contain-share:hover .share-on {
    opacity: 1;
    visibility: visible
}

.component-biobar.scroll-postop {
    z-index: 222;
    display: none;
    height: 88px;
    position: fixed;
    top: -100px;
    left: 0
}

.component-biobar.scroll-postop.scroll-postop-in {
    top: 0;
    animation: fromTop 600ms ease
}

.component-biobar.scroll-postop.scroll-postop-out {
    top: 0;
    animation: fromBottom 600ms ease 200ms
}

@media screen and (min-width:1024px) {
    .component-biobar.scroll-postop {
        display: block
    }

    .component-biobar.scroll-postop .component--contain {
        height: 88px;
        position: relative;
        padding-left: 94px;
        padding-right: 94px
    }

    .component-biobar.scroll-postop .component-biobar--pageinfo {
        display: block;
        position: absolute;
        top: 46px;
        transform: translateY(-50%);
        left: 10px
    }

    .component-biobar.scroll-postop .component-biobar--pageinfo .divider {
        display: inline-block;
        width: 1px;
        height: 16px;
        background-color: #000;
        position: absolute;
        top: 4px
    }

    .component-biobar.scroll-postop .component-biobar--pageinfo .category,
    .component-biobar.scroll-postop .component-biobar--pageinfo .title {
        font-family: "APKProtocol Regular";
        font-size: calc(15px - (2 * (1px - ((100vw - 1024px) / 416))));
        display: inline-block;
        padding-left: 0;
        padding-right: 22px;
        color: #a2a2a2
    }

    .component-biobar.scroll-postop .component-biobar--pageinfo .title {
        padding-right: 0;
        padding-left: 25px;
        color: #000
    }

    .component-biobar.scroll-postop .component-biobar--pageinfo .bioPicture {
        display: inline-block;
        padding-right: 0;
        padding-left: 25px;
        width: 50px
    }

    .component-biobar.scroll-postop .component-biobar--pageinfo .bioPicture img {
        max-width: 30px
    }

    .component-biobar.scroll-postop .component-biobar--contain {
        position: absolute;
        right: 10px;
        width: auto;
        top: 46px;
        transform: translateY(-50%)
    }

    .component-biobar.scroll-postop .component-biobar--contain-share {
        display: inline-block;
        font-size: calc(14px - (2 * (1px - ((100vw - 1024px) / 416))));
        border-style: none none;
        padding: 0 15px 0 20px;
        margin: 0
    }

    .component-biobar.scroll-postop .component-biobar--contain-share a {
        font-size: calc(14px - (2 * (1px - ((100vw - 1024px) / 416))))
    }

    .component-biobar.scroll-postop .component-biobar--contain-share .share-off {
        display: none
    }

    .component-biobar.scroll-postop .component-biobar--contain-share .share-on {
        position: relative;
        display: block;
        visibility: visible;
        opacity: 1;
        margin: 0
    }

    .component-biobar.scroll-postop .component-biobar--contain .action {
        font-family: "APKProtocol Regular";
        font-size: calc(15px - (2 * (1px - ((100vw - 1024px) / 416))));
        display: inline-block;
        padding-left: 0;
        padding-right: 22px;
        color: #a2a2a2
    }
}

@media screen and (min-width:1440px) {

    .component-biobar.scroll-postop .component-biobar--pageinfo .category,
    .component-biobar.scroll-postop .component-biobar--pageinfo .title {
        font-size: 15px
    }

    .component-biobar.scroll-postop .component-biobar--contain-share {
        font-size: 14px
    }

    .component-biobar.scroll-postop .component-biobar--contain-share a {
        font-size: 14px
    }
}

.component-steps {
    font-family: "APKProtocol Regular";
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

@media(max-width:1024px) {
    .component-steps {
        padding: 0 33px
    }
}

.component-steps-black {
    color: #212121
}

.component-steps-white {
    color: #fff
}

.component-steps .headline {
    margin: 0;
    padding: 0 50px 35px 33px
}

@media only screen and (min-width:1024px) {
    .component-steps .headline {
        padding: 0 0 40px
    }
}

.component-steps .steps-cards {
    position: relative;
    overflow-x: hidden;
    height: 120px;
    min-height: 80px
}

@media only screen and (min-width:576px) {
    .component-steps .steps-cards {
        overflow-x: visible;
        height: 100%
    }
}

.component-steps .highlights-corporate,
.component-steps .highlights-extra {
    margin-bottom: 0
}

.component-steps .highlights-corporate h1:not(.number) {
    font-size: 2.5rem
}

@media only screen and (min-width:576px) {
    .component-steps .highlights-corporate {
        margin-bottom: 80px
    }
}

.component-steps .highlights-extra {
    display: flex
}

@media only screen and (min-width:576px) {
    .component-steps .highlights-extra {
        margin-bottom: 80px
    }
}

.component-steps .headline h3 {
    font-size: 18px
}

.component-steps .steps-title.body2 {
    margin: 5px 0 0 0;
    padding: 10px 0 0 15px;
    width: 250px;
    border-left: 1px solid #000;
    min-height: 100px
}

.component-steps .steps-title.body2>p {
    font-family: "APKProtocol Regular";
    font-size: 24px;
    line-height: 1
}

@media only screen and (min-width:576px) {
    .component-steps .steps-title.body2 {
        padding: 5px 0 0 15px;
        margin: 0 0 0 5px
    }

    .component-steps .steps-title.body2>p {
        font-size: 24px
    }
}

@media only screen and (min-width:768px) {
    .component-steps .steps-title.body2 {
        padding: 8px 0 0 15px
    }

    .component-steps .steps-title.body2>p {
        font-size: 20px
    }
}

@media only screen and (min-width:992px) {
    .component-steps .steps-title.body2 {
        padding: 15px 0 0 15px
    }

    .component-steps .steps-title.body2>p {
        font-size: 28px
    }
}

@media only screen and (min-width:1200px) {
    .component-steps .steps-title.body2>p {
        font-size: 30px;
        line-height: 1.0
    }
}

.component-steps .bodycopy.body2 {
    margin: 0 0 0 23px;
    padding-left: 23px;
    border-left: 1px solid #000
}

.component-steps .bodycopy.body2>p {
    font-size: 12px
}

.component-steps .content {
    position: absolute;
    display: flex;
    flex-direction: row;
    min-height: 80px;
    transition: .5s linear;
    transition-property: all
}

@media only screen and (min-width:768px) {
    .component-steps .content {
        transition: none;
        position: relative;
        top: 0
    }
}

.component-steps .content-v2 {
    display: flex;
    flex-direction: row
}

.component-steps .content-v2 h1 {
    font-family: "APKProtocol Medium";
    width: 40px;
    min-width: 40px
}

.component-steps .past {
    left: -30vw;
    opacity: 0
}

@media only screen and (min-width:768px) {
    .component-steps .past {
        left: auto;
        transform: none;
        opacity: 1
    }
}

.component-steps .future {
    left: 30vw;
    opacity: 0
}

@media only screen and (min-width:768px) {
    .component-steps .future {
        left: 0;
        transform: none;
        opacity: 1
    }
}

.component-steps .active {
    left: 0;
    visibility: visible
}

.component-steps .number {
    font-family: "APKProtocol Medium";
    font-size: 60px;
    width: 80px;
    line-height: 72px;
    margin-right: 10px
}

@media only screen and (min-width:576px) {
    .component-steps .number {
        font-size: 70px;
        width: 80px;
        margin-right: 10px;
        line-height: 1.1
    }
}

@media only screen and (min-width:768px) {
    .component-steps .number {
        font-size: 60px
    }
}

@media only screen and (min-width:992px) {
    .component-steps .number {
        font-size: 80px;
        margin-right: 15px
    }
}

.component-steps .show-button,
.component-steps .hide-button {
    display: none
}

@media only screen and (min-width:576px) {

    .component-steps .show-button,
    .component-steps .hide-button {
        margin-top: 60px;
        justify-content: center;
        display: flex
    }
}

.component-steps .link-button {
    justify-content: center;
    margin-top: 20px
}

@media only screen and (min-width:576px) {
    .component-steps .link-button {
        margin-top: 80px
    }
}

@media only screen and (min-width:768px) {
    .component-steps .link-button {
        margin-top: 0
    }
}

.component-steps .cta:hover {
    text-decoration: none
}

.component-steps .display-hidden {
    display: none
}

.component-steps .display-visable {
    display: flex !important
}

.component-steps-v3 {
    font-family: 'APKProtocol Regular';
    padding-bottom: 30px
}

@media screen and (max-width:1023px) {
    .component-steps-v3 .container {
        padding-right: 33px;
        padding-left: 33px
    }
}

.component-steps-v3 .top-headline {
    margin: 0;
    padding-bottom: 50px
}

.component-steps-v3 .bottom-headline {
    padding-bottom: 100px
}

.component-steps-v3 .steps-cards {
    position: relative;
    overflow-x: hidden;
    min-height: 80px
}

@media only screen and (min-width:576px) {
    .component-steps-v3 .steps-cards {
        overflow-x: visible
    }
}

.component-steps-v3 .highlights-corporate-v3 {
    margin-bottom: 0
}

@media only screen and (min-width:576px) {
    .component-steps-v3 .highlights-corporate-v3 {
        margin-bottom: 80px
    }
}

.component-steps-v3 .steps-title {
    min-height: 100px;
    margin: 5px 0 0;
    padding-top: 10px
}

.component-steps-v3 .steps-title p {
    margin-bottom: 0
}

@media only screen and (min-width:992px) {
    .component-steps-v3 .steps-title {
        width: 250px;
        border-left: 1px solid #000;
        padding-left: 15px
    }
}

.component-steps-v3 .bodycopy {
    font-size: 12px;
    margin: 0 0 0 23px;
    padding-left: 23px;
    border-left: 1px solid #000
}

.component-steps-v3 .content {
    display: flex;
    flex-direction: column;
    min-height: 80px;
    padding-bottom: 100px
}

@media only screen and (min-width:992px) {
    .component-steps-v3 .content {
        flex-direction: row;
        padding-bottom: 0
    }
}

.component-steps-v3 .number {
    font-family: 'APKProtocol Medium';
    font-size: 60px;
    width: 80px;
    margin-right: 10px;
    border-bottom: 1px solid #000;
    line-height: 1.2
}

@media only screen and (min-width:576px) {
    .component-steps-v3 .number {
        font-size: 70px;
        width: 80px;
        margin-right: 10px
    }
}

@media only screen and (min-width:992px) {
    .component-steps-v3 .number {
        font-size: 60px;
        border-bottom: 0
    }
}

@media only screen and (min-width:992px) {
    .component-steps-v3 .number {
        font-size: 80px;
        margin-right: 15px
    }
}

.cmp-2-up.sl-2-row-max .component-twoup--items-item--content .body1 {
    padding: 30px 0 35px !important
}

@media screen and (min-width:768px) {
    .cmp-2-up.sl-2-row-max .sub-hl {
        line-height: 1;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media screen and (max-width:767px) {
    .cmp-2-up.sl-2-row-max .sub-hl {
        height: auto !important
    }
}

.cmp-2-up.sl-2-row-max h1.sub-hl {
    height: 120px
}

.cmp-2-up.sl-2-row-max h2.sub-hl {
    height: 85px
}

.cmp-2-up.sl-2-row-max h3.sub-hl {
    height: 65px
}

.cmp-2-up.sl-2-row-max h4.sub-hl {
    height: 52px
}

.cmp-2-up.sl-2-row-max h5.sub-hl {
    height: 36px
}

.cmp-2-up.sl-2-row-max h6.sub-hl {
    height: 32px
}

@media screen and (max-width:1023px) {
    .cmp-2-up .comp-title {
        padding-right: 33px;
        padding-left: 33px
    }
}

.cmp-2-up .comp-title>h4,
.cmp-2-up .comp-title>h5 {
    margin-bottom: 50px
}

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

    .cmp-2-up .comp-title>h4,
    .cmp-2-up .comp-title>h5 {
        margin-bottom: 25px
    }
}

.component-twoup--items-item {
    background-color: #fff;
    margin-bottom: 30px;
    position: relative
}

.component-twoup--items-item img {
    width: 100%;
    display: block;
    max-width: 609px;
    max-height: 773px
}

.component-twoup--items-item--content {
    padding: 30px 33px 25px
}

.component-twoup--items-item--content h3 {
    margin: 0;
    padding: 0
}

.component-twoup--items-item--content .body1 {
    width: 100%;
    padding: 56px 0 35px
}

.component-twoup--items-item--content .body1 a:hover {
    color: #000 !important
}

.component-twoup--items-item--content .cust-anchor a {
    position: relative !important;
    background-image: none !important;
    bottom: 0 !important;
    padding-right: 0 !important
}

.component-twoup--items-item--content a {
    position: absolute;
    bottom: 30px;
    left: 33px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/cta-arrow.svg');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 30px
}

.component-twoup--items-item--content a:hover {
    color: #666;
    text-decoration: none;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/cta-arrow-red.svg')
}

.component-twoup--items-item--content a i {
    padding-left: 10px
}

@media screen and (min-width:768px) {
    .component-twoup--items-item--content {
        padding: 30px 20px 25px 0
    }

    .component-twoup--items-item--content p.body1 {
        padding: 40px 0 35px
    }

    .component-twoup--items-item--content a {
        left: 0
    }
}

@media screen and (min-width:1024px) {
    .component-twoup--items-item--content p.body1 {
        padding: 56px 0 35px
    }
}

@media screen and (min-width:768px) {
    .component-twoup--items-item {
        flex-grow: 1;
        width: 50%;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media screen and (min-width:1024px) {
    .component-twoup--items-item {
        margin-right: 0;
        margin-left: 0
    }

    .component-twoup--items-item:first-child {
        margin-right: 30px
    }
}

@media screen and (min-width:768px) {
    .component-twoup--items {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.cta-conversion-link-twoup .component-twoup--items-item--content .twoup-link-btn {
    position: absolute;
    float: left;
    width: 160px;
    bottom: 0;
    border: solid 1px #000;
    padding: 10px 30px;
    background-position: 115px center;
    border-radius: 25px;
    background-image: none;
    text-align: center !important
}

.cta-conversion-link-twoup .component-twoup--items-item--content .twoup-link-btn:hover {
    color: black !important;
    border: 1px solid #beff00 !important;
    background-image: none;
    background: #beff00 !important
}

.cta-conversion-link-twoup .component-twoup--items-item--content .twoup-link-btn::after {
    display: none
}

.auto-width-cta .cta-conversion-link-twoup .component-twoup--items-item--content .twoup-link-btn {
    width: auto
}

.up-medium-font .comp-title .subheadline h1,
.up-medium-font .comp-title .subheadline h2,
.up-medium-font .comp-title .subheadline h3,
.up-medium-font .comp-title .subheadline h4,
.up-medium-font .comp-title .subheadline h5,
.up-medium-font .comp-title .subheadline h6 {
    font-family: "APKProtocol Medium" !important
}

@media screen and (max-width:767px) {
    .cmp-2-up.bottomBorderchanges-EI .electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-view {
        background: #fff !important
    }
}

.component-alphabeticalsubnav {
    position: relative
}

.component-alphabeticalsubnav a.disabled {
    color: #969696;
    pointer-events: none
}

@media(max-width:991px) {

    .component-alphabeticalsubnav .no-gutters>[class^="col-"],
    .component-alphabeticalsubnav .no-gutters>[class*=" col-"] {
        padding-right: 30px;
        padding-left: 30px
    }
}

.component-alphabeticalsubnav .alphabet-search {
    width: 85%
}

@media screen and (min-width:768px) {
    .component-alphabeticalsubnav .alphabet-search {
        width: 100%
    }
}

@media(orientation:landscape) and (max-width:961px) {
    .component-alphabeticalsubnav .alphabet-search {
        width: 100%
    }
}

.component-alphabeticalsubnav .alphabet-search input[type="text"] {
    display: block;
    border: 1px solid #212121;
    border-style: none none solid;
    width: 100%;
    padding: 10px 0 10px 50px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/search-black-icon.svg');
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: center;
    background-size: 25px 25px;
    font-family: "APKProtocol Regular";
    font-size: 18px;
    color: #000
}

@media(orientation:landscape) and (max-width:961px) {
    .component-alphabeticalsubnav .alphabet-search input[type="text"] {
        font-size: 18px;
        padding: 10px 0 10px 50px;
        background-size: 25px 25px
    }
}

@media screen and (min-width:962px) {
    .component-alphabeticalsubnav .alphabet-search input[type="text"] {
        background-size: 35px 35px;
        font-size: 26px;
        padding: 15px 0 15px 70px
    }
}

.component-alphabeticalsubnav .alphabet-search input[type="text"]:focus {
    outline: 0
}

.component-alphabeticalsubnav .alphabet-search input[type="text"]:focus::placeholder {
    color: transparent
}

.component-alphabeticalsubnav .alphabet-list {
    position: fixed;
    top: 50%;
    right: 33px;
    transform: translateY(-50%);
    z-index: 10;
    display: hidden
}

@media(min-width:768px) {
    .component-alphabeticalsubnav .alphabet-list {
        margin: 100px 0;
        position: relative;
        right: auto;
        top: auto;
        transform: none
    }
}

@media(orientation:landscape) and (max-width:961px) {
    .component-alphabeticalsubnav .alphabet-list {
        margin: 40px 0;
        position: relative;
        right: auto;
        top: auto;
        transform: none
    }
}

.component-alphabeticalsubnav .alphabet-list ul {
    padding: 0;
    margin: 0;
    list-style: none
}

@media(min-width:768px) {
    .component-alphabeticalsubnav .alphabet-list ul {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between
    }
}

@media(orientation:landscape) and (max-width:961px) {
    .component-alphabeticalsubnav .alphabet-list ul {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between
    }
}

.component-alphabeticalsubnav .alphabet-list ul li {
    padding: 0;
    margin: 0
}

@media(max-width:767px) {
    .component-alphabeticalsubnav .alphabet-list ul li {
        line-height: 16px
    }
}

.component-alphabeticalsubnav .alphabet-list ul li a {
    font-family: "APKProtocol Regular";
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer
}

@media(min-width:768px) {
    .component-alphabeticalsubnav .alphabet-list ul li a {
        font-size: 18px
    }
}

.component-alphabeticalsubnav .alphabet-list ul li a.disabled {
    color: #fff;
    pointer-events: none
}

.component-alphabeticalsubnav .alphabet-list ul li a:hover,
.component-alphabeticalsubnav .alphabet-list ul li a:active {
    color: #666
}

.component-alphabeticalsubnav .alphabet-items {
    margin-top: 50px;
    width: 85%
}

@media screen and (min-width:768px) {
    .component-alphabeticalsubnav .alphabet-items {
        width: 100%;
        margin-top: 0
    }
}

@media(orientation:landscape) and (max-width:961px) {
    .component-alphabeticalsubnav .alphabet-items {
        margin-top: 0
    }
}

.component-alphabeticalsubnav .alphabet-items .alphabet-item_title {
    font-family: "APKProtocol Regular";
    font-size: 32px;
    color: #000;
    text-transform: uppercase;
    padding-bottom: 35px
}

@media screen and (min-width:768px) {
    .component-alphabeticalsubnav .alphabet-items .alphabet-item_title {
        font-size: 42px;
        padding-bottom: 50px
    }
}

@media(orientation:landscape) and (max-width:961px) {
    .component-alphabeticalsubnav .alphabet-items .alphabet-item_title {
        font-size: 37px;
        padding-bottom: 40px
    }
}

.component-alphabeticalsubnav .alphabet-items .alphabet-item_list ul {
    list-style: none;
    padding: 0 0 47px 0;
    margin: 0;
    column-count: 1;
    position: relative;
    vertical-align: top;
    break-inside: avoid-column;
    width: 100%
}

@media(min-width:768px) {
    .component-alphabeticalsubnav .alphabet-items .alphabet-item_list ul {
        column-count: 2
    }
}

@media(min-width:992px) {
    .component-alphabeticalsubnav .alphabet-items .alphabet-item_list ul {
        column-count: 3
    }
}

.component-alphabeticalsubnav .alphabet-items .alphabet-item_list ul li a {
    font-family: "APKProtocol Regular";
    font-size: 15px;
    color: #000;
    text-decoration: underline;
    margin-top: 37px;
    display: block;
    line-height: 1.5
}

@media screen and (min-width:768px) {
    .component-alphabeticalsubnav .alphabet-items .alphabet-item_list ul li a {
        font-size: 18px;
        margin-top: 47px
    }
}

@media(orientation:landscape) and (max-width:961px) {
    .component-alphabeticalsubnav .alphabet-items .alphabet-item_list ul li a {
        font-size: 17px;
        margin-top: 42px
    }
}

.component-alphabeticalsubnav .alphabet-items .alphabet-item_list ul li a:hover,
.component-alphabeticalsubnav .alphabet-items .alphabet-item_list ul li a:active {
    color: #666
}

.component-alphabeticalsubnav .alphabet-items .alphabet-item_list ul li:first-child a {
    margin-top: 0
}

.component-alphabeticalsubnav .alphabet-items .alphabet-item_list ul li:first-child a:hover,
.component-alphabeticalsubnav .alphabet-items .alphabet-item_list ul li:first-child a:active {
    color: #666
}

.component-alphabeticalsubnav .disabled {
    color: #e1e1e1 !important
}

.container-fluid.story-package {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .container-fluid.story-package {
        padding-right: 94px;
        padding-left: 94px
    }
}

.story-package {
    text-align: center
}

.story-package a {
    text-decoration: none
}

.story-package a:hover {
    color: #666;
    text-decoration: none
}

.story-package .story-title {
    margin-bottom: 40px;
    width: 100%
}

.story-package .story-title h5,
.story-package .story-title a {
    color: #044b72
}

.story-package .story-title h5 {
    float: left
}

.story-package .story-title a {
    float: right;
    cursor: pointer
}

.story-package .story-title::after {
    height: 2px;
    width: calc(100% - 30px);
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    background-color: #044b72
}

@media screen and (min-width:576px) {
    .story-package .line-before:nth-child(n+2)::before {
        content: '';
        height: 35%;
        top: 10%;
        position: absolute;
        width: 2px;
        left: 0;
        display: inline-block;
        background-color: #e1e1e1
    }
}

.story-package .card-item {
    margin-bottom: 40px
}

.story-package .card-item-simple {
    height: 250px;
    padding: 30px 0;
    margin-bottom: 40px
}

@media screen and (min-width:576px) {
    .story-package .card-item-simple {
        height: calc(160px);
        padding: 0
    }
}

.story-package .card-item-simple .card-simple-body {
    height: 100%;
    padding-bottom: 10px
}

.story-package .card-item-simple.line-bottom-sm {
    padding: 20px 20px
}

@media screen and (max-width:calc(576px - 1px)) {
    .story-package .card-item-simple.line-bottom-sm {
        padding: 30px 10px
    }

    .story-package .card-item-simple.line-bottom-sm::after {
        content: '';
        width: 80%;
        margin: 0 auto;
        height: 2px;
        background-color: #e1e1e1;
        display: block;
        bottom: 0;
        position: relative
    }
}

.story-package .card-item-simple.line-bottom::after {
    content: '';
    width: 80%;
    margin: 0 auto;
    height: 2px;
    background-color: #e1e1e1;
    display: block;
    bottom: 0;
    position: relative
}

.story-package .card-item-simple h5 {
    margin-bottom: 25px
}

@media screen and (min-width:20.83333333em) {
    .story-package .card-item-simple h5 {
        font-size: calc(0.8em + 0.55 * ((100vw - 20.83333333em) / 59.16666667))
    }
}

@media screen and (min-width:1440px) {
    .story-package .card-item-simple h5 {
        font-size: 1.35em
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .story-package .card-item-simple h5 {
        font-size: 18px
    }
}

.story-package .card-item .card-image {
    width: 100%;
    background-size: cover;
    height: 250px
}

@media screen and (min-width:576px) {
    .story-package .card-item .card-image {
        height: 126.66666667px
    }
}

@media screen and (min-width:576px) {
    .story-package .card-item .card-image.big {
        height: 660px
    }
}

@media screen and (min-width:576px) {
    .story-package .card-item .card-image.big-v2 {
        height: 393.33333333px
    }
}

.story-package .card-item .card-body {
    min-height: 100px;
    padding: 10px 24px
}

.story-package .card-item .card-body.big {
    padding: 32px 26px;
    width: 70%;
    margin: 0 auto
}

@media screen and (max-width:calc(576px - 1px)) {
    .story-package .card-item .card-body {
        padding-top: 20px
    }
}

@media screen and (min-width:20.83333333em) {
    .story-package .card-item .card-body h5.big {
        font-size: calc(0.6em + 0.7 * ((100vw - 20.83333333em) / 59.16666667))
    }
}

@media screen and (min-width:1440px) {
    .story-package .card-item .card-body h5.big {
        font-size: 1.3em
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .story-package .card-item .card-body h5.big {
        font-size: 18px
    }
}

@media screen and (min-width:31.25em) {
    .story-package .card-item .card-body .card-action a {
        font-size: calc(0.7em + 0.3 * ((100vw - 31.25em) / 88.75))
    }
}

@media screen and (min-width:1440px) {
    .story-package .card-item .card-body .card-action a {
        font-size: 1em
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .story-package .card-item .card-body .card-action a {
        font-size: 14px
    }
}

.story-package .card-item .card-action {
    width: 100%
}

.story-package .card-item .card-action span {
    margin-left: 10px
}

@media screen and (min-width:31.25em) {
    .story-package .card-item .card-action a {
        font-size: calc(0.7em + 0.3 * ((100vw - 31.25em) / 88.75))
    }
}

@media screen and (min-width:1440px) {
    .story-package .card-item .card-action a {
        font-size: 1em
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .story-package .card-item .card-action a {
        font-size: 14px
    }
}

@media screen and (min-width:26.78571429em) {
    .story-package .card-item.small h5 {
        font-size: calc(0.6em + 0.6 * ((100vw - 26.78571429em) / 76.07142857))
    }
}

@media screen and (min-width:1440px) {
    .story-package .card-item.small h5 {
        font-size: 1.2em
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .story-package .card-item.small h5 {
        font-size: 18px
    }
}

.story-package.title-border .story-title::after {
    height: 0
}

.story-package .card-item.card-item-simple.line-bottom {
    height: auto
}

.component-map {
    padding: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-flow: column nowrap
}

.component-map .map-container {
    width: 100%;
    min-height: 600px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover
}

.component-map .floating-container {
    background: transparent;
    display: none;
    margin-left: 40px
}

.component-map .floating-container>.container {
    padding: 0
}

.component-map .floating-container .credits>p {
    color: #000;
    margin-bottom: .5rem;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

@media only screen and (min-width:768px) {
    .component-map .floating-container {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .component-map .floating-container {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.component-map .floating-container>.floating-content {
    width: 100%;
    background: #fff;
    padding: 60px 33px 60px 33px
}

.component-map .info-container {
    width: 100%;
    padding: 60px 33px;
    padding-bottom: 0
}

.component-map .info-container .credits>p {
    color: #000;
    margin-bottom: .5rem;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

@media only screen and (min-width:1024px) {
    .component-map .info-container {
        display: none
    }
}

.component-map .modifier {
    margin: 30px 0 30px 0;
    background: #969696;
    height: 1px
}

.history-jump-links {
    display: flex;
    color: white;
    position: relative
}

@media screen and (max-width:1023px) {
    .history-jump-links {
        padding-left: 33px !important;
        padding-right: 33px !important
    }
}

.history-jump-links--timeline {
    position: -webkit-sticky;
    position: sticky;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    margin-top: -100vh;
    opacity: 0
}

.history-jump-links--timeline.editmode {
    margin-top: 0;
    display: none
}

@media screen and (max-width:1023px) {
    .history-jump-links--timeline {
        height: calc(100vh - 72px);
        top: 72px
    }

    .history-jump-links--timeline.editmode {
        height: calc(100% - 72px)
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--timeline {
        height: calc(100vh - 88px);
        top: 88px
    }

    .history-jump-links--timeline.editmode {
        height: calc(100% - 88px)
    }
}

.history-jump-links--timeline-spacer {
    flex: 1;
    width: 1px;
    background: white
}

.history-jump-links--timeline-spacer:first-child,
.history-jump-links--timeline-spacer:last-child {
    flex: 0 0 112px
}

.history-jump-links--timeline-dot {
    background: 0;
    padding: 0;
    border: 0;
    margin: 0;
    color: white;
    cursor: pointer;
    height: 9px;
    position: relative
}

.history-jump-links--timeline-dot:before {
    content: "";
    width: 9px;
    height: 9px;
    border: 1px solid white;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: -4px;
    transition: .333s
}

.history-jump-links--timeline-dot:after {
    content: "";
    position: absolute
}

@media screen and (max-width:1023px) {
    .history-jump-links--timeline-dot:after {
        width: 15px;
        height: 56px;
        top: -22px;
        right: -15px
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--timeline-dot:after {
        width: 39px;
        height: 39px;
        top: -15px;
        right: -18px
    }
}

.history-jump-links--timeline-dot:hover:before {
    box-shadow: 0 0 9px white
}

.history-jump-links--timeline-dot div {
    position: relative;
    font-family: "APKProtocol Medium";
    visibility: hidden;
    opacity: 0;
    transition: .333s
}

@media screen and (max-width:1023px) {
    .history-jump-links--timeline-dot div {
        top: -22px;
        padding: 0 7.5px 0 22.5px;
        font-size: 14px;
        line-height: 2
    }

    .history-jump-links--timeline-dot div span {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--timeline-dot div {
        top: -15px;
        padding: 4px 36px 0;
        font-size: 26px;
        line-height: 35px
    }

    .history-jump-links--timeline-dot div span:first-child:after {
        content: "–"
    }
}

.history-jump-links--timeline-dot div:after {
    content: "";
    position: absolute;
    top: 19px;
    right: 5px;
    width: 24px;
    height: 1px;
    background: white
}

@media screen and (max-width:1023px) {
    .history-jump-links--timeline-dot div:after {
        top: 26px
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--timeline-dot div:after {
        top: 19px
    }
}

.history-jump-links--timeline-dot.active:before {
    background: white
}

.history-jump-links--timeline-dot.active div {
    visibility: visible;
    opacity: 1
}

.history-jump-links--history {
    display: flex
}

.history-jump-links--history.editmode {
    display: none
}

.history-jump-links--eras {
    flex: 1;
    position: relative
}

.history-jump-links--era {
    padding: 100px 0;
    position: relative
}

@media screen and (min-width:1024px) {
    .history-jump-links--era:not(:last-child) {
        margin-bottom: 100px
    }
}

.history-jump-links--title {
    display: flex;
    align-items: center
}

@media screen and (max-width:1023px) {
    .history-jump-links--title {
        height: calc(100vh - 72px)
    }

    .history-jump-links--title.editmode {
        height: calc(100% - 72px)
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--title {
        height: calc(100vh - 88px)
    }

    .history-jump-links--title.editmode {
        height: calc(100% - 88px)
    }
}

.history-jump-links--title h1 {
    font-size: 80px;
    line-height: 1;
    color: white;
    margin: 0;
    padding: .2em 0;
    border-bottom: 2px solid
}

@media screen and (max-width:1023px) {
    .history-jump-links--title h1 {
        font-size: 40px
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--title h1 {
        font-size: 80px
    }
}

.history-jump-links--intro {
    padding-bottom: 33.333vh;
    text-align: center;
    color: white;
    opacity: 0;
    max-width: 25em;
    width: 80%;
    margin: 0 auto;
    will-change: opacity, transform
}

.history-jump-links--intro.editmode {
    padding-bottom: 33.333px
}

@media screen and (max-width:1023px) {
    .history-jump-links--intro {
        font-size: 20px;
        line-height: 28px
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--intro {
        font-size: 32px;
        line-height: 38px
    }
}

.history-jump-links--intro h3 {
    color: white;
    margin: 0;
    padding: 2.5em 0;
    position: relative
}

@media screen and (max-width:1023px) {
    .history-jump-links--intro h3 {
        font-size: 20px;
        line-height: 28px
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--intro h3 {
        font-size: 32px;
        line-height: 38px
    }
}

.history-jump-links--intro h3:after {
    content: "";
    width: 50px;
    height: 1px;
    background: currentColor;
    position: absolute;
    bottom: 1.25em;
    left: calc(50% - 25px)
}

.history-jump-links--intro h3 p {
    color: white;
    margin: 0;
    position: relative;
    font-family: "APKProtocol Regular";
    letter-spacing: -0.5px
}

@media screen and (max-width:1023px) {
    .history-jump-links--intro h3 p {
        font-size: 20px;
        line-height: 28px
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--intro h3 p {
        font-size: 32px;
        line-height: 38px
    }
}

@media screen and (max-width:1023px) {
    .history-jump-links--intro p {
        font-family: "APKProtocol Regular", sans-serif;
        font-size: 11px;
        line-height: 20px;
        letter-spacing: 0
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--intro p {
        font-family: "APKProtocol Regular", sans-serif;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--era-intro {
        position: absolute;
        top: 0;
        left: 0;
        right: 60%;
        bottom: 0
    }
}

.history-jump-links--era-intro>* {
    padding: 100px 0
}

@media screen and (min-width:1024px) {
    .history-jump-links--era-intro>* {
        position: -webkit-sticky;
        position: sticky;
        top: 88px
    }
}

.history-jump-links--era-intro>* h2 {
    color: white;
    margin-bottom: 1.5em;
    position: relative
}

.history-jump-links--era-intro>* h2:after {
    content: "";
    background: white;
    height: 1px;
    width: 50px;
    position: absolute;
    left: 0;
    bottom: -0.5em
}

.history-jump-links--era-intro>* h5 {
    color: white;
    margin: 0
}

.history-jump-links--era-content {
    margin: 0;
    display: grid
}

@media screen and (max-width:1023px) {
    .history-jump-links--era-content {
        grid-gap: 48px
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--era-content {
        grid-gap: 72px;
        margin-left: 50%
    }
}

.history-jump-links--era-content button {
    display: flex;
    align-items: center;
    text-align: left;
    color: white;
    background: 0;
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.history-jump-links--era-content button dt {
    font-family: "APKProtocol Medium", sans-serif;
    line-height: 1;
    margin: 0;
    flex: 0 0 3.25em
}

@media screen and (max-width:1023px) {
    .history-jump-links--era-content button dt {
        font-size: 24px
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--era-content button dt {
        font-size: 32px
    }
}

.history-jump-links--era-content button dd {
    font-family: "APKProtocol Regular", sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

.history-jump-links--era-content button dd p {
    margin: 0
}

@media screen and (max-width:1023px) {
    .history-jump-links--era-content button dd {
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--era-content button dd {
        font-size: 18px;
        line-height: 24px
    }
}

.history-jump-links--background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.history-jump-links--background img {
    position: -webkit-sticky;
    position: sticky;
    display: block;
    width: 100%;
    object-fit: cover
}

@media screen and (max-width:1023px) {
    .history-jump-links--background img {
        height: calc(100vh - 72px);
        top: 72px
    }

    .history-jump-links--background img.editmode {
        height: calc(100% - 72px)
    }
}

@media screen and (min-width:1024px) {
    .history-jump-links--background img {
        height: calc(100vh - 88px);
        top: 88px
    }

    .history-jump-links--background img.editmode {
        height: calc(100% - 88px)
    }
}

.history-jump-links button:focus {
    outline: 0
}

@keyframes fromTop {
    0 {
        top: -100px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@keyframes fromBottom {
    0 {
        top: 0;
        opacity: 1
    }

    100% {
        top: -100px;
        opacity: 0
    }
}

.component-navigation--logo .navigationShare {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.component-navigation--logo .navigationShare a {
    display: inline-block;
    position: relative;
    width: auto;
    left: 0;
    top: 0;
    transform: none
}

.component-navigation--logo .navigationShare a img {
    display: inline-block;
    height: 30px;
    opacity: 1
}

.component-navigation--logo .navigationShare a:first-child {
    padding-left: 0
}

.component-navigation--logo.showShare .navigationShare {
    display: block
}

.component-navigation--logo.showShare .career-cta a {
    border: 1px solid #000;
    border-radius: 25px;
    font-size: 14px;
    line-height: 1;
    padding: .8em;
    font-family: "APKProtocol Regular", sans-serif;
    letter-spacing: -0.5px;
    text-decoration: none;
    cursor: pointer;
    color: #000;
    display: inline-block
}

.component-navigation--logo.showShare .career-cta a:hover {
    border: 1px solid #beff00;
    color: #beff00
}

.component-navigation--logo.showShare .career-cta a:active {
    border: 1px solid #beff00;
    background: #beff00;
    color: #fff
}

.component-navigation--logo.showShare .navigation-logo {
    display: none
}

.component-careerbar {
    width: 100%;
    z-index: 95;
    margin-bottom: 30px
}

@media screen and (min-width:1024px) {
    .component-careerbar {
        margin-bottom: 0
    }
}

.component-careerbar--pageinfo {
    display: none
}

@media screen and (min-width:1024px) {
    .component-careerbar .container {
        padding-left: 0;
        padding-right: 0;
        display: block;
        height: 100%;
        position: relative
    }
}

.component-careerbar--contain {
    color: #212121;
    position: relative
}

@media screen and (min-width:1024px) {
    .component-careerbar--contain {
        width: 140px;
        position: absolute;
        right: 0
    }
}

.component-careerbar--contain-share {
    padding: 0 0 0 calc(16.87055477px);
    margin: 0;
    position: relative;
    display: inline-block
}

.component-careerbar--contain-share .share-on {
    display: none
}

.component-careerbar--contain-share .share-on a {
    border: 1px solid #000;
    border-radius: 25px;
    font-size: 16px;
    line-height: 1;
    padding: 1.0625em 3em .9375em;
    font-family: "APKProtocol Regular", sans-serif;
    letter-spacing: -0.5px;
    text-decoration: none;
    cursor: pointer;
    color: #000;
    display: inline-block
}

.component-careerbar--contain-share .share-on a:hover {
    border: 1px solid #beff00;
    color: #beff00
}

.component-careerbar--contain-share .share-on a:active {
    border: 1px solid #beff00;
    background: #beff00;
    color: #fff
}

@media screen and (min-width:1024px) {
    .component-careerbar--contain-share .share-on {
        visibility: hidden;
        position: absolute;
        top: 0;
        opacity: 0;
        transition-property: opacity;
        transition-duration: 500ms;
        transition-timing-function: ease-in
    }

    .component-careerbar--contain-share .share-on a {
        margin-left: 25px
    }

    .component-careerbar--contain-share .share-on a:hover img {
        opacity: .3
    }
}

.component-careerbar--contain-share:hover .share-off {
    opacity: 0
}

.component-careerbar--contain-share:hover .share-on {
    opacity: 1;
    visibility: visible
}

.component-careerbar.scroll-postop {
    z-index: 222;
    display: none;
    height: 88px;
    position: fixed;
    top: -100px;
    left: 0
}

.component-careerbar.scroll-postop.scroll-postop-in {
    top: 0;
    animation: fromTop 600ms ease
}

.component-careerbar.scroll-postop.scroll-postop-out {
    top: 0;
    animation: fromBottom 600ms ease 200ms
}

@media screen and (min-width:1024px) {
    .component-careerbar.scroll-postop {
        display: block
    }

    .component-careerbar.scroll-postop .component--contain {
        height: 88px;
        position: relative;
        padding-left: 94px;
        padding-right: 94px
    }

    .component-careerbar.scroll-postop .component-careerbar--pageinfo {
        display: block;
        position: absolute;
        top: 46px;
        transform: translateY(-50%);
        left: 10px
    }

    .component-careerbar.scroll-postop .component-careerbar--pageinfo .title {
        font-family: "APKProtocol Regular";
        font-size: calc(15px - (2 * (1px - ((100vw - 1024px) / 416))));
        display: inline-block;
        padding-left: 0;
        padding-right: 22px;
        color: #a2a2a2
    }

    .component-careerbar.scroll-postop .component-careerbar--pageinfo .title {
        padding-right: 0;
        padding-left: 25px;
        color: #000
    }

    .component-careerbar.scroll-postop .component-careerbar--contain {
        position: absolute;
        right: 10px;
        width: auto;
        top: 46px;
        transform: translateY(-50%)
    }

    .component-careerbar.scroll-postop .component-careerbar--contain-overview,
    .component-careerbar.scroll-postop .component-careerbar--contain-share {
        display: inline-block;
        font-size: calc(14px - (2 * (1px - ((100vw - 1024px) / 416))))
    }

    .component-careerbar.scroll-postop .component-careerbar--contain-overview a,
    .component-careerbar.scroll-postop .component-careerbar--contain-share a {
        font-size: calc(14px - (2 * (1px - ((100vw - 1024px) / 416))))
    }

    .component-careerbar.scroll-postop .component-careerbar--contain-overview {
        padding-right: 18px
    }

    .component-careerbar.scroll-postop .component-careerbar--contain-share {
        border-style: none none;
        padding: 0 15px 0 20px;
        margin: 0
    }

    .component-careerbar.scroll-postop .component-careerbar--contain-share .share-on {
        position: relative;
        display: block;
        visibility: visible;
        opacity: 1;
        margin: 0
    }
}

@media screen and (min-width:1440px) {

    .component-careerbar.scroll-postop .component-careerbar--pageinfo .category,
    .component-careerbar.scroll-postop .component-careerbar--pageinfo .title {
        font-size: 15px
    }

    .component-careerbar.scroll-postop .component-careerbar--contain-overview,
    .component-careerbar.scroll-postop .component-careerbar--contain-share {
        font-size: 14px
    }

    .component-careerbar.scroll-postop .component-careerbar--contain-overview a,
    .component-careerbar.scroll-postop .component-careerbar--contain-share a {
        font-size: 14px
    }
}

.featured-brands .container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .featured-brands .container {
        padding-right: 94px;
        padding-left: 94px
    }
}

.featured-brands h5.image-title {
    padding-bottom: 28px
}

.featured-brands img.img-brand {
    padding-top: 28px;
    height: 54px
}

@media only screen and (min-width:576px) {
    .featured-brands img.img-brand {
        height: 60px
    }
}

.featured-brands img.img-brand.offset-y {
    transform: translateY(-10%);
    height: 50px
}

@media only screen and (min-width:576px) {
    .featured-brands img.img-brand.offset-y {
        height: 53px
    }
}

.featured-partners .brands-items {
    margin-bottom: 100px
}

@media only screen and (min-width:768px) {
    .featured-partners .brands-items {
        margin-bottom: 0
    }
}

.featured-partners .container {
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width:1024px) {
    .featured-partners .container {
        padding: 0 94px
    }
}

.featured-partners .container .row.d-flex {
    justify-content: space-between;
    align-items: baseline
}

.featured-partners h5.image-title {
    padding-bottom: 28px
}

.featured-partners img.img-brand {
    padding-top: 28px;
    max-width: 90%;
    height: auto
}

.featured-partners .brand-margin-top {
    margin-top: 6%
}

.featured-brand-partners .container {
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width:1024px) {
    .featured-brand-partners .container {
        padding: 0 94px
    }
}

.custom-list {
    font-family: "APKProtocol Regular";
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 30px
}

.custom-list .container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .custom-list .container {
        padding-right: 94px;
        padding-left: 94px
    }
}

.custom-list-black {
    color: #212121
}

.custom-list-white {
    color: #fff
}

.custom-list h3 {
    font-size: 1.3rem;
    max-width: 90%
}

.custom-list .custom-list-cards {
    display: flex;
    justify-content: center
}

@media only screen and (min-width:768px) {
    .custom-list .custom-list-cards {
        justify-content: space-between
    }
}

@media only screen and (min-width:992px) {
    .custom-list .custom-list-cards {
        justify-content: center
    }
}

.custom-list .list-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: start;
    max-width: 160px;
    padding: 20px 0 0 0
}

@media only screen and (min-width:768px) {
    .custom-list .list-card {
        max-width: 180px
    }
}

@media only screen and (min-width:1200px) {
    .custom-list .list-card {
        max-width: 220px
    }
}

.custom-list .card-image {
    width: 150px;
    height: 130px
}

.custom-list .card-description {
    font-family: "APKProtocol Medium";
    margin-top: 30px;
    align-self: start;
    font-size: 13px;
    line-height: 18px;
    padding: 0 0 0 20px;
    width: 90%
}

.custom-list .card-description p {
    font-family: "APKProtocol Medium";
    font-size: 13px;
    line-height: 18px
}

.custom-list p {
    margin-top: -8px
}

.custom-list .cyrelNewsHover .list-item .list-container h4:hover {
    text-decoration: underline
}

.custom-list .callout-list .list-container {
    padding: 30px 0
}

.custom-list .callout-list .list-container .cta-wrapper {
    text-align: center
}

.custom-list .callout-list .list-card {
    max-width: 265px;
    padding: 20px 0
}

.custom-list .callout-list .list-card>h2,
.custom-list .callout-list .list-card>h5 {
    color: #fff;
    text-align: center;
    width: 100%
}

.custom-list .callout-list .list-card>h2 {
    color: rgba(255, 255, 255, 0.5);
    font-size: 4vw;
    font-family: "APKProtocol Light"
}

.custom-list .callout-list .list-card>h5 {
    font-weight: bold
}

.custom-list .callout-list .list-card p {
    text-align: center;
    width: 100%;
    margin-top: 15px;
    font-size: 14px
}

.custom-list .callout-list .list-card .listDesc {
    color: #fff
}

@media screen and (min-width:480px) and (max-width:575px) {
    .custom-list-cards {
        justify-content: start !important
    }
}

@media screen and (max-width:767px) {
    .custom-list .callout-list .custom-list-cards {
        display: block
    }

    .custom-list .callout-list .list-card {
        max-width: 300px;
        margin: 0 auto
    }

    .custom-list .callout-list .list-card>h2 {
        font-size: 40px
    }
}

.history-popup {
    color: #fff;
    visibility: visible;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    z-index: 1000;
    left: 0;
    top: 0;
    padding: 100px 70px 0 33px;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: opacity .5s
}

.history-popup a {
    text-decoration: none
}

.history-popup a:hover {
    color: #666;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .history-popup {
        padding: 120px 94px 0 94px
    }
}

.history-popup.hidden {
    visibility: hidden
}

.history-popup.open {
    opacity: 1;
    transition: opacity .5s;
    visibility: visible
}

.history-popup h3 {
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 2em
}

@media screen and (min-width:768px) {
    .history-popup h3 {
        font-size: 1.8em
    }
}

.history-popup .stick {
    position: relative
}

@media screen and (min-width:768px) {
    .history-popup .stick {
        position: fixed
    }
}

.history-popup .year-container {
    margin-bottom: 2.5em;
    width: 66%
}

@media screen and (min-width:768px) {
    .history-popup .year-container {
        width: 100%
    }
}

.history-popup .year-container .year {
    font-size: 50px;
    font-family: "APKProtocol Condensed Semibold";
    font-weight: bold;
    display: block
}

@media screen and (min-width:768px) {
    .history-popup .year-container .year {
        font-size: 68px
    }
}

.history-popup .year-container .description {
    color: #fff;
    width: 8em;
    line-height: 24px
}

.history-popup .img-container {
    background-size: cover;
    height: 200px;
    max-width: 350px;
    position: relative;
    margin: 0 0 3em 0
}

@media screen and (min-width:768px) {
    .history-popup .img-container {
        margin: 0 0 4em 0
    }
}

.history-popup h5 {
    color: #fff;
    margin-bottom: 2em;
    line-height: 28px
}

.history-popup h5 p {
    color: #fff;
    margin-bottom: 2em;
    line-height: 28px
}

.history-popup .limit-container {
    max-width: 1440px;
    width: calc(100vw - 20px);
    position: fixed
}

@media screen and (min-width:768px) {
    .history-popup .limit-container {
        width: calc(100vw - 10%)
    }
}

@media screen and (min-width:992px) {
    .history-popup .limit-container {
        width: calc(100vw - 20%)
    }
}

.history-popup .close-modal-btn {
    right: 33px;
    position: absolute;
    top: 0;
    transform: translate(0, -4em);
    width: 26px;
    user-select: none;
    cursor: pointer
}

.history-popup .close-modal-btn span:nth-last-child(2) {
    transform: rotate(-45deg) translate(-5px, 13px)
}

@media screen and (min-width:768px) {
    .history-popup .close-modal-btn {
        transform: translate(-50%, -5em)
    }
}

.history-popup .close-modal-btn span {
    display: block;
    width: 20px;
    height: 1px;
    margin-bottom: 15px;
    position: relative;
    background: #000;
    border-radius: 3px;
    transform-origin: 4px 0;
    transform: rotate(45deg) translate(-7px, -13px);
    background: #fff
}

.history-popup .close-modal-btn span:first-child {
    transform-origin: 0 0
}

.history-popup .close-modal-btn span:last-child {
    margin-bottom: 0
}

.modal-window-open {
    overflow: overlay !important;
    overflow: hidden
}

.open-modal {
    width: 6em;
    height: 2em;
    position: absolute;
    top: 6em;
    background-color: rgba(0, 0, 0, 0.5);
    right: 1em;
    color: white;
    cursor: pointer;
    padding: 4px;
    text-align: center
}

.history {
    display: flex;
    color: white;
    position: relative;
    overflow: hidden;
    height: calc(100vh - 71px);
    max-height: 655px;
    min-height: 500px;
    min-width: 250px
}

@media screen and (min-width:576px) {
    .history {
        height: 655px
    }
}

.history .history-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: inherit;
    min-height: inherit;
    max-height: inherit;
    max-width: 1440px;
    z-index: -1
}

.history .container {
    padding: 0;
    height: inherit;
    max-height: inherit;
    min-height: inherit;
    position: relative
}

.history .container>div {
    height: inherit;
    max-height: inherit;
    min-height: inherit;
    margin: 0
}

.history .container .history-left {
    margin: 50px 0 0 33px
}

@media screen and (min-width:576px) {
    .history .container .history-left {
        margin: 100px 0 0 94px
    }
}

.history .container .history-left .mobile-year {
    color: #fff;
    display: block;
    margin-bottom: 45px
}

@media screen and (min-width:768px) {
    .history .container .history-left .mobile-year {
        display: none
    }
}

.history .container .history-left .history-title h2 {
    color: #fff
}

.history .container .history-left .history-title::after {
    content: " ";
    position: relative;
    top: 0;
    display: inline-block;
    width: 50px;
    border-bottom: 1px #d8d8d8 solid
}

.history .container .history-left .history-body {
    margin: 50px 0 4em 0
}

@media screen and (min-width:576px) {
    .history .container .history-left .history-body {
        margin: 50px 0 100px 0
    }
}

.history .container .history-left .history-body h5 {
    color: #d8d8d8;
    width: 80%
}

@media screen and (min-width:576px) {
    .history .container .history-left .history-body h5 {
        width: 70%
    }
}

.history .container .history-left .history-btn a.h-cta h5 {
    border: 1px solid #d8d8d8;
    border-radius: 25px;
    font-size: 16px;
    line-height: 1;
    padding: .8em 2em .6375em;
    font-family: "APKProtocol Regular", sans-serif;
    letter-spacing: -0.5px;
    text-decoration: none;
    cursor: pointer;
    color: #d8d8d8;
    display: inline-block;
    white-space: nowrap
}

.history .container .history-left .history-btn a.h-cta h5:hover {
    color: #beff00;
    border: 1px solid #beff00
}

.history .container .history-left .history-btn a.h-cta h5:active {
    color: #fff;
    border: 1px solid #beff00;
    background-color: #beff00
}

@media screen and (min-width:576px) {
    .history .container .history-left .history-btn a.h-cta h5 {
        padding: 1.0625em 3em .9375em;
        font-size: 16px
    }
}

.history .container .history-right {
    height: 100%
}

@media screen and (min-width:576px) {
    .history .container .history-right {
        height: 655px
    }
}

.history .container .history-right h2 {
    color: #fff;
    position: absolute;
    visibility: hidden;
    font-size: 5em;
    transform: translate(-130%, -30%)
}

.history .container .history-right h2::after {
    content: "";
    position: absolute;
    top: 18.5px;
    right: -47px;
    width: 25px;
    height: 1px;
    background: #fff
}

@media screen and (min-width:768px) {
    .history .container .history-right h2 {
        visibility: visible
    }
}

.history .container .history-right .dots-container {
    height: 100%
}

.history .container .history-right .dots-container .dots {
    height: 75%;
    position: absolute;
    width: 11px;
    right: 31px
}

@media screen and (min-width:768px) {
    .history .container .history-right .dots-container .dots {
        right: 94px
    }
}

.history .container .history-right .dots-container .dots .top-line {
    content: "";
    width: 1px;
    background-color: #fff;
    height: 18.1%;
    transform: translate(3.9px, -100%);
    position: absolute
}

@media screen and (min-width:576px) {
    .history .container .history-right .dots-container .dots .top-line {
        height: 89px;
        transform: translate(3.5px, -89px)
    }
}

.history .container .history-right .dots-container .dots span::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    border-radius: 100%
}

.history .container .history-right .dots-container .dots span.active::before {
    background-color: #fff
}

.history .container .history-right .dots-container .dots span::after {
    content: "";
    width: 1px;
    background-color: #fff;
    height: 18.1%;
    transform: translate(3.6px, 9px);
    position: absolute
}

@media screen and (min-width:576px) {
    .history .container .history-right .dots-container .dots span::after {
        height: 89px;
        transform: translate(3.5px, 9px)
    }
}

.component-minimal-header {
    width: 100%;
    display: block;
    position: relative
}

.component-minimal-header .minimal-title {
    padding: 80px 94px
}

@media only screen and (max-width:767px) {
    .component-minimal-header .minimal-title {
        text-align: center
    }
}

.component-minimal-header .minimal-title img {
    width: 95px;
    height: 95px;
    padding: 0 !important;
    margin-right: 150px
}

@media only screen and (max-width:767px) {
    .component-minimal-header .minimal-title h1 {
        margin-left: 0;
        padding-top: 30px;
        text-align: left
    }
}

.component-minimal-header h1 {
    padding: 0 0 10px 0;
    margin: 0;
    border-bottom: 1px solid #fff;
    display: inline-block
}

@media only screen and (max-width:1023px) {
    .component-minimal-header .minimal-title {
        padding: 40px 33px
    }

    .component-minimal-header h1 {
        font-size: 40px
    }
}

.hero-video {
    width: 100%;
    position: relative
}

.hero-video video {
    width: 100%;
    object-fit: contain;
    opacity: .6
}

@media(min-width:768px) and (max-width:900px) {
    .hero-video video {
        height: 600px;
        object-fit: cover
    }
}

@media(min-width:320px) and (max-width:767px) {
    .hero-video video {
        object-fit: cover;
        height: 403px
    }
}

.hero-video .hero-video-content {
    position: absolute;
    z-index: 2;
    bottom: 50%
}

@media(max-width:1024px) {
    .hero-video .hero-video-content {
        padding: 0 15px
    }
}

.hero-video .hero-video-content h1 {
    font-family: APKProtocol Medium;
    font-size: 2.625rem;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #fffefe
}

@media(min-width:320px) and (max-width:768px) {
    .hero-video .hero-video-content h1 {
        font-size: 2rem;
        line-height: 1.21
    }
}

.hero-video .video-content-overlay {
    overflow: hidden;
    position: absolute;
    z-index: 2;
    width: 29.63rem;
    max-height: 21rem;
    min-height: 18rem;
    padding: 1.56rem;
    color: #000;
    background: #fff;
    bottom: -27%;
    right: 6.8%;
    font-family: APKProtocol Regular;
    font-size: .875rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #212121;
    box-shadow: 0 5px 2.375rem 0 rgba(0, 0, 0, 0.17);
    z-index: 999999;
    display: none
}

@media(max-width:767px) {
    .hero-video .video-content-overlay {
        bottom: -18%
    }
}

@media(min-width:1440px) {
    .hero-video .video-content-overlay {
        bottom: -21%
    }
}

.hero-video .video-content-overlay h4 {
    font-family: APKProtocol Medium;
    font-size: 1.625rem;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 1.25rem
}

.hero-video .video-content-overlay p {
    font-family: APKProtocol Regular;
    font-size: .875rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #212121;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    min-height: 3rem;
    max-height: 6rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.hero-video .video-content-overlay ul {
    list-style-type: none
}

.hero-video .video-content-overlay ul li {
    padding-bottom: 1.25rem
}

.hero-video .video-content-overlay ul li:last-child {
    padding-bottom: 0
}

.hero-video .video-content-overlay ul li a {
    font-family: APKProtocol Regular;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.hero-video .video-content-overlay ul li a:hover {
    color: #beff00
}

.hero-video .video-content-overlay ul li a:after {
    content: "→";
    float: right
}

@media(min-width:992px) and (max-width:1024px) {
    .hero-video .video-content-overlay {
        padding: 1.125rem;
        bottom: -37%;
        right: 4%
    }
}

@media(min-width:768px) and (max-width:992px) {
    .hero-video .video-content-overlay {
        bottom: -38%
    }
}

@media(min-width:768px) and (max-width:900px) {
    .hero-video .video-content-overlay {
        bottom: -30%
    }
}

@media(max-width:767px) and (min-width:480px) {
    .hero-video .video-content-overlay {
        bottom: -1%;
        min-height: 14rem;
        padding: 1.5rem;
        max-height: 17rem
    }
}

@media(min-width:320px) and (max-width:767px) {
    .hero-video .video-content-overlay {
        z-index: 999999;
        padding: 1.5rem;
        left: 0;
        right: 0;
        transform: translateY(55%);
        margin: auto;
        width: 95%
    }

    .hero-video .video-content-overlay video {
        height: 28.19rem;
        object-fit: contain
    }

    .hero-video .video-content-overlay h4 {
        font-size: 1.25rem;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        margin-bottom: .875rem;
        color: black
    }

    .hero-video .video-content-overlay p {
        font-size: 14px;
        line-height: 1.71;
        text-align: left;
        color: #212121;
        margin-bottom: 1.1875rem
    }
}

@media(min-width:320px) and (max-width:359px) {
    .hero-video .video-content-overlay {
        width: 18rem;
        height: 22rem;
        padding: .9375rem
    }
}

.hero-video .video-content-overlay #myBtn {
    width: 90px;
    font-size: 1.125rem;
    padding: 10px;
    border: 0;
    background: #000;
    color: #fff;
    cursor: pointer
}

.hero-video .video-content-overlay #myBtn :hover {
    background: #ddd;
    color: #000
}

@media screen and (min-width:768px) {

    .hero-video .video-content-overlay.hero_Left,
    .hero-video .hero-video-content.hero_Left {
        left: 4%
    }

    .hero-video .video-content-overlay.hero_Right,
    .hero-video .hero-video-content.hero_Right {
        right: 7%
    }

    .hero-video .video-content-overlay.hero_Top,
    .hero-video .hero-video-content.hero_Top {
        top: 5.5%
    }

    .hero-video .video-content-overlay.hero_Bottom,
    .hero-video .hero-video-content.hero_Bottom {
        bottom: 5.5%
    }

    .hero-video .video-content-overlay.hero_Center,
    .hero-video .hero-video-content.hero_Center {
        top: 50%
    }

    .hero-video .video-content-overlay.herotext_Left,
    .hero-video .hero-video-content.herotext_Left {
        text-align: left
    }

    .hero-video .video-content-overlay.herotext_Right,
    .hero-video .hero-video-content.herotext_Right {
        text-align: right
    }

    .hero-video .video-content-overlay.herotext_Center,
    .hero-video .hero-video-content.herotext_Center {
        text-align: center
    }

    .hero-video .video-content-overlay.heroImage_HalfText,
    .hero-video .hero-video-content.heroImage_HalfText {
        max-width: 50%
    }
}

.hero-video .hero-video-content h1 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.accordion-component .container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .accordion-component .container {
        padding-right: 94px;
        padding-left: 94px
    }
}

.accordion-component.editmode .panel {
    max-height: initial;
    overflow: initial
}

.accordion-component .accordion-title {
    padding-bottom: 80px
}

.accordion-component .accordion {
    cursor: pointer;
    padding: 25px 33px;
    width: 100%;
    text-align: left;
    outline: 0;
    transition: .4s;
    border-top: 1px solid #e1e1e1;
    font-size: 16px;
    font-weight: bold;
    font-family: "APKProtocol Regular";
    position: relative;
    margin-bottom: 0
}

@media screen and (max-width:calc(992px - 1px)) {
    .accordion-component .accordion {
        padding: 25px 10px
    }
}

.accordion-component .accordion .icon {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/plus.svg");
    height: 16px;
    width: 16px;
    background-size: 16px 16px
}

@media screen and (max-width:calc(992px - 1px)) {
    .accordion-component .accordion .icon {
        right: 10px
    }
}

.accordion-component .accordion h5 {
    margin: 0;
    padding-right: 20px
}

.accordion-component .accordion.active .icon {
    background-image: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/minus.svg")
}

.accordion-component .accordion:nth-last-child(2) {
    border-bottom: 1px solid #e1e1e1
}

.accordion-component .accordion:nth-last-child(2).active {
    border-bottom: 0
}

.accordion-component .panel {
    padding: 0 33px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}

.accordion-component .panel .panel-content {
    padding: 50px 0
}

.accordion-component .panel .panel-content p {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    padding-bottom: 20px
}

.accordion-component .panel .panel-content h5 {
    padding-top: 50px;
    padding-bottom: 30px
}

.accordion-component .panel .panel-content ul {
    list-style-position: inside;
    padding-top: 0 20px
}

.accordion-component .panel .panel-content ul li {
    font-family: "APKProtocol Regular";
    padding-bottom: 20px;
    font-size: 14px
}

.side-scroll-component .comp-title {
    margin-bottom: 25px
}

@media screen and (max-width:1023px) {
    .side-scroll-component .comp-title {
        padding-right: 33px;
        padding-left: 33px
    }
}

@media screen and (min-width:1024px) {
    .side-scroll-component .comp-title {
        margin-bottom: 50px
    }
}

.side-scroll {
    overflow-x: hidden;
    margin: 0
}

@media screen and (min-width:768px) {
    .side-scroll {
        margin: 0
    }
}

.side-scroll .container {
    max-width: 1440px;
    margin: 0 auto;
    width: calc(100vw - (33px * 2))
}

@media screen and (min-width:768px) {
    .side-scroll .container {
        width: calc(100vw - (33px * 2))
    }
}

@media screen and (min-width:1024px) {
    .side-scroll .container {
        width: 100%
    }
}

.side-scroll .left-side {
    margin-bottom: 100px
}

.side-scroll .left-side .side-image {
    width: calc(100vw - 2*34px);
    height: calc(100vw - 2*34px);
    max-height: 640px;
    max-width: 640px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 !important
}

@media screen and (min-width:768px) {
    .side-scroll .left-side .side-image {
        width: 45vw;
        height: 45vw;
        margin-bottom: 0
    }
}

.side-scroll .right-side {
    height: min-content
}

.side-scroll .right-side a {
    cursor: pointer
}

.side-scroll .right-side a:hover {
    text-decoration: none
}

.side-scroll .right-side .title {
    font-family: "APKProtocol Medium";
    margin-bottom: 25px
}

.side-scroll .right-side .description {
    padding-bottom: 50px;
    margin-bottom: 50px;
    position: relative
}

.side-scroll .right-side .description::after {
    content: "";
    position: absolute;
    width: 75px;
    height: 1px;
    background-color: #000;
    bottom: 0;
    left: 0
}

.component-video-stat {
    max-width: 1440px
}

.component-video-stat #vsPlayer {
    position: relative;
    width: 100%;
    object-fit: cover;
    left: 0;
    top: 0
}

@media screen and (max-aspect-ratio:5/4) {
    .component-video-stat #vsPlayer {
        height: 100%
    }
}

.TandAPlist {
    color: #fff;
    width: auto
}

@media(max-width:768px) {
    .TandAPlist {
        padding-left: 10px;
        padding-right: 10px
    }
}

.TandAPlist .TandAplistHeading p {
    font-family: APKProtocol Medium;
    font-size: 42px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: 0;
    text-align: left;
    color: #fff
}

@media(max-width:768px) {
    .TandAPlist .TandAplistHeading p {
        margin-top: 41px;
        font-size: 32px
    }
}

.TandAPlist .TandAplistHeading .TandAplistDescription p {
    padding-bottom: 48px;
    font-family: APKProtocol Regular;
    font-size: 26px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

@media(max-width:768px) {
    .TandAPlist .TandAplistHeading .TandAplistDescription p {
        font-size: 20px;
        margin-right: auto;
        padding: 0;
        margin-top: 19px
    }
}

.TandAPlist .TiInd {
    margin: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.5)
}

.TandAPlist .TiInd a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.TandAPlist .TiInd .col-lg-4 {
    height: 332px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.TandAPlist .TiInd .col-lg-4:nth-child(-n+3) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.TandAPlist .TiInd .col-lg-4:nth-child(3n+1) {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.TandAPlist .TiInd .col-lg-6 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5)
}

.TandAPlist .TiInd .col-lg-6:nth-child(-n+2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.TandAPlist .TiInd .col-lg-3 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5)
}

.TandAPlist .TiInd .col-lg-3:nth-child(-n+2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.TandAPlist .cardimage {
    margin-top: 90px
}

.TandAPlist .cardimage img {
    max-width: 11.25rem
}

.TandAPlist .cardimage img.center {
    display: block;
    margin-top: 3.125rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 11.25rem;
    height: 6.25rem
}

.TandAPlist .cardimage .cardName {
    font-family: APKProtocol Regular;
    font-size: 1.625rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    padding-bottom: 1.75rem;
    margin-top: 15px;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 5.625rem
}

.TandAPlist .cardimage .descript {
    font-size: 16px;
    font-family: APKProtocol;
    padding-left: 1.875rem;
    display: none
}

.TandAPlist .cardimage.withdescription .descript {
    display: block
}

.TandAPlist .verticalbar-accordion .DiscoverMore {
    font-family: APKProtocol Regular;
    display: inline-grid;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

.TandAPlist .verticalbar-accordion .DiscoverMore:hover {
    color: #beff00
}

.TandAPlist .verticalbar-accordion .DiscoverMore:after {
    content: '\279D';
    float: right;
    font-weight: bold;
    font-size: 1.25rem;
    position: absolute;
    right: 0
}

.TandAPlist .verticalbar-accordion .DiscoverMore:hover {
    color: #beff00
}

.TandAPlist .verticalbar-accordion .accordion>.card:last-of-type {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 0 !important
}

.TandAPlist .verticalbar-accordion #mbleverticle {
    margin: 0
}

.TandAPlist .verticalbar-accordion .card {
    background: transparent;
    border: 0
}

.TandAPlist .verticalbar-accordion .card .card-header {
    padding: 0 !important;
    padding-bottom: 0;
    border-bottom: 0;
    background-color: inherit;
    padding-left: 0;
    padding-right: 0
}

.TandAPlist .verticalbar-accordion .card .card-header button {
    width: 100%;
    padding: 0;
    float: left;
    text-align: left;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0
}

.TandAPlist .verticalbar-accordion .card .card-header img {
    width: 2.25rem;
    height: 2.46875rem;
    margin-top: 5px;
    margin-bottom: 5px
}

.TandAPlist .verticalbar-accordion .card .card-header .next {
    padding-left: 20px;
    line-height: 24px;
    font-family: APKProtocol Medium;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: absolute;
    top: 16px
}

.TandAPlist .verticalbar-accordion .card .card-header .card-body {
    padding: 0;
    padding-left: 25px
}

.ourProduct .SeeAll {
    text-align: center;
    margin-top: 1.875rem;
    font-size: 16px;
    color: #fff;
    margin-bottom: 6.875rem;
    font-family: APKProtocol Regular
}

.ourProduct .SeeAll a {
    color: #fff;
    font-family: APKProtocol Regular !important;
    font-size: 14px;
    line-height: 1.5
}

.ourProduct .SeeAll a:hover {
    color: #beff00
}

.ourProduct .SeeAll a:after {
    content: '\279D';
    margin-left: 2.1875rem;
    font-weight: bold;
    font-size: 1.25rem;
    vertical-align: middle
}

@media(max-width:768px) {
    .ourProduct .SeeAll a {
        font-size: 14px;
        font-family: APKProtocol Regular
    }
}

.ourProduct .SeeAll:hover {
    color: #beff00
}

.ourProduct .ourProductHeading {
    margin-bottom: 64px;
    font-family: APKProtocol Regular;
    font-size: 2rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    padding: 0
}

@media(max-width:768px) {
    .ourProduct .ourProductHeading {
        margin: auto;
        font-size: 24px;
        font-family: APKProtocol Regular;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        color: #fff
    }
}

.ourProduct .ourProductDescription {
    font-family: APKProtocol Regular;
    font-size: 1.125rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.78;
    letter-spacing: 0;
    text-align: left;
    color: #fff;
    margin-bottom: .625rem
}

@media(max-width:768px) {
    .ourProduct .ourProductDescription {
        font-size: 14px;
        font-family: APKProtocol Regular;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        color: #fff
    }
}

.ourProductdetails .cards .col-lg-4 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    height: 333px !important
}

.ourProductdetails .cards .col-lg-4 img {
    display: none
}

.ourProductdetails .cards .col-lg-4:hover {
    z-index: 9999;
    background-color: #fff;
    border: 0;
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    border-bottom: 0
}

.ourProductdetails .cards .col-lg-4:hover .circleimage {
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 2.5625rem;
    width: 5rem;
    height: 5rem;
    margin-top: .875rem
}

.ourProductdetails .cards .col-lg-4:hover .cardheader {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-left: auto !important;
    margin-right: auto !important;
    color: #000;
    margin-top: 1.25rem;
    font-family: APKProtocol Regular;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    display: block
}

.ourProductdetails .cards .col-lg-4:hover .description {
    margin-left: auto !important;
    margin-right: auto !important;
    color: #000;
    display: block;
    margin-top: -10px;
    width: 12.875rem;
    font-family: APKProtocol Regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center
}

.ourProductdetails .cards .col-lg-4:hover .learnMore {
    font-family: APKProtocol Regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    position: static;
    text-align: left;
    color: black
}

.ourProductdetails .cards .col-lg-4:hover .learnMore:hover {
    color: #666
}

.ourProductdetails .cards .col-lg-4:hover .learnMore:after {
    content: '\279D';
    margin-left: 2.1875rem;
    font-weight: bold;
    font-size: 1.25rem;
    vertical-align: middle
}

.ourProductdetails .cards .col-lg-4:nth-child(-n+3) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5)
}

.ourProductdetails .cards .col-lg-4:nth-child(3n+1) {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.ourProductdetails .cards .col-lg-6 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5)
}

.ourProductdetails .cards .col-lg-6:nth-child(-n+2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.ourProductdetails .cards .col-lg-3 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5)
}

.ourProductdetails .cards .col-lg-3:nth-child(-n+2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.ourProductdetails .cards .cardheader {
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 11.875rem;
    margin-top: 3.64375rem;
    margin-left: auto;
    margin-right: auto;
    font-family: APKProtocol Regular;
    font-size: 1.125rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #fff
}

.ourProductdetails .cards .description {
    margin-top: .9625rem;
    margin-right: auto;
    margin-left: auto;
    width: 16.875rem;
    font-family: APKProtocol Regular;
    font-size: .875rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 2.8125rem
}

@media(min-width:768px) and (max-width:1024px) {
    .ourProductdetails .cards .description {
        margin-top: .9625rem;
        margin-left: auto !important;
        margin-right: auto !important;
        margin: 0;
        width: 16.875rem;
        font-family: APKProtocol Regular;
        font-size: .875rem;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.71;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        margin-bottom: 2.8125rem
    }
}

.ourProductdetails .cards .description P {
    overflow: hidden;
    display: -webkit-box;
    height: 90px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px
}

.ourProductdetails .cards .learnMore {
    margin-top: 2.25rem;
    font-family: APKProtocol Regular;
    font-size: .875rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

.ourProductdetails .cards .learnMore:after {
    content: '\279D';
    margin-left: 2.1875rem;
    font-weight: bold;
    font-size: 1.25rem;
    vertical-align: middle
}

.ourProductdetails .cards .learnMore:hover {
    color: #beff00
}

.ourProductdetails .cards .SeeAll {
    text-align: center;
    margin-top: 1.875rem;
    color: #fff;
    margin-bottom: 6.875rem;
    font-family: APKProtocol Regular
}

.ourProductdetails .cards .SeeAll p {
    text-align: center !important;
    font-size: 14px !important;
    color: #fff !important;
    margin-top: 30px !important
}

.ourProductdetails .cards .SeeAll:after {
    border: 0;
    padding: 0 !important;
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/cta-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 3px;
    padding-right: 30px !important;
    display: inline-block
}

.ourProduct .ourProductHeading p {
    margin-left: 0;
    margin-right: auto
}

@media(max-width:767px) {
    .ourProduct .ourProductHeading p {
        margin-top: 15px
    }
}

.ourProduct .ourProductHeading .ourProductDescription {
    margin-top: 19px
}

.ourProduct .ourProductHeading .verticalbar-accordion .accordion>.card:last-of-type {
    border-bottom: 1px solid #fff !important;
    border-radius: 0 !important;
    padding-bottom: 12px
}

.ourProduct .ourProductHeading .verticalbar-accordion #mbleverticle .card {
    background-color: #000;
    margin-top: 15px
}

.ourProduct .ourProductHeading .verticalbar-accordion #mbleverticle .card .card-header {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.ourProduct .ourProductHeading .verticalbar-accordion #mbleverticle .card .card-header button {
    padding: 0;
    border-radius: 0;
    border-top: 1px solid #fff;
    width: 100%
}

.ourProduct .ourProductHeading .verticalbar-accordion #mbleverticle .card .card-header button:hover {
    text-decoration: none
}

.ourProduct .ourProductHeading .verticalbar-accordion #mbleverticle .card .card-header button .fa-plus {
    margin-top: 19px;
    float: right !important;
    margin-left: 5rem;
    color: #fff
}

.ourProduct .ourProductHeading .verticalbar-accordion #mbleverticle .card .card-header button .fa-minus {
    margin-top: 19px;
    float: right !important;
    margin-left: 5rem;
    color: #fff
}

.ourProduct .ourProductHeading .verticalbar-accordion #mbleverticle .card .card-header .title {
    margin-top: 19px;
    width: 100%;
    color: #fff;
    font-family: APKProtocol Regular;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left
}

.ourProduct .ourProductHeading .verticalbar-accordion #mbleverticle .card .card-body {
    padding: 0
}

.ourProduct .ourProductHeading .verticalbar-accordion #mbleverticle .card .card-body .descript {
    font-family: APKProtocol Regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

.ourProduct .ourProductHeading .verticalbar-accordion #mbleverticle .card .card-body a {
    font-family: APKProtocol Regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

.ourProduct .ourProductHeading .verticalbar-accordion #mbleverticle .card .card-body a:hover {
    color: red
}

.ourProduct .ourProductHeading .verticalbar-accordion #mbleverticle .card .card-body .fa-arrow-right {
    float: right;
    margin-top: 5px
}

.ourProduct .ourProductHeading .verticalbar-accordion #mbleverticle .card .card-body .fa-arrow-right:before {
    content: '\279D';
    margin-left: 2.1875rem;
    font-weight: bold;
    font-size: 1.25rem;
    vertical-align: middle
}

.ProductItem {
    cursor: pointer
}

.ProductItem:hover .ProdHoverImage {
    height: 3rem
}

.ProductItem a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ourProductdetails .cards .learnMore {
    font-size: 16px
}

@media screen and (max-width:1023px) {
    html {
        scroll-padding-top: 72px
    }
}

@media screen and (min-width:1024px) {
    html {
        scroll-padding-top: 88px
    }
}

.scroll-interaction {
    position: relative
}

.scroll-interaction--callout {
    z-index: 1;
    padding: 10px;
    background: rgba(255, 255, 255, 0.9);
    color: #212121;
    font-family: "APKProtocol Regular", sans-serif;
    line-height: 1.5;
    position: absolute;
    top: 0;
    left: 0;
    will-change: opacity, transform, visibility
}

.scroll-interaction--callout[data-align="right"] {
    left: auto;
    right: 0
}

@media screen and (max-width:1023px) {
    .scroll-interaction--callout {
        width: 215px;
        font-size: 16px
    }
}

@media screen and (min-width:1024px) {
    .scroll-interaction--callout {
        width: 263px;
        font-size: 20px
    }
}

.scroll-interaction--callout img {
    display: block;
    width: 130px;
    margin-bottom: 40px
}

.scroll-interaction--callout-title {
    font-family: "APKProtocol SemiBold", sans-serif
}

@media screen and (max-width:1023px) {
    .scroll-interaction--callout-title {
        margin-bottom: .5em
    }
}

@media screen and (min-width:1024px) {
    .scroll-interaction--callout-title {
        margin-bottom: 1em
    }
}

@media screen and (max-width:1023px) {
    .scroll-interaction--callouts-outer {
        padding: calc(calc(100vh - 54px)) 0
    }
}

@media screen and (min-width:1024px) {
    .scroll-interaction--callouts-outer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.scroll-interaction--callouts-outer .container {
    height: 100%
}

.scroll-interaction--callouts-inner {
    position: relative;
    height: 100%
}

@media screen and (max-width:1023px) {
    .scroll-interaction--callout-positioner {
        height: calc(100vh - 72px);
        margin: calc(calc(100vh - 18px)) 0;
        transform: none !important;
        top: 0 !important;
        position: relative
    }
}

@media screen and (min-width:1024px) {
    .scroll-interaction--callout-positioner {
        position: absolute;
        width: 100%;
        height: calc(100vh - 88px)
    }
}

@media screen and (max-width:1023px) {
    .scroll-interaction--images {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }
}

@media screen and (min-width:1024px) {
    .scroll-interaction--images {
        position: relative
    }
}

.scroll-interaction--images img,
.scroll-interaction--images video {
    display: block;
    width: 100%
}

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

    .scroll-interaction--images img,
    .scroll-interaction--images video {
        position: -webkit-sticky;
        position: sticky;
        top: 72px;
        height: calc(100vh - 72px)
    }
}

@media screen and (max-width:1023px) {
    .scroll-interaction--image {
        position: absolute;
        top: 0;
        bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .scroll-interaction--image {
        position: relative
    }
}

.scroll-interaction--image:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: .333s
}

.scroll-interaction--image:not(:first-child).visible {
    opacity: 1;
    visibility: inherit
}

.scroll-interaction-links a {
    display: block;
    padding: 10px 5px;
    border-bottom: 2px solid #999
}

.scroll-interaction-links a:hover {
    color: #beff00
}

.scroll-interaction-links a::before {
    content: "";
    padding-left: 10px;
    border-left: 2px solid #beff00
}

.scroll-interaction-links a::after {
    content: ">";
    padding-left: 10px
}

.corporate-scroll-interaction.center-unstretched .scroll-interaction--image {
    width: 100%
}

@media screen and (max-width:1023px) {
    .corporate-scroll-interaction.center-unstretched .scroll-interaction--image img {
        object-fit: contain
    }
}

@media screen and (max-width:1023px) {
    .corporate-scroll-interaction.center-img-top-50 .scroll-interaction--image img {
        object-position: center 50px
    }
}

.corporate-scroll-interaction.no-padding .scroll-interaction.container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media screen and (min-height:1200px) {
    .corporate-scroll-interaction.large-device-fix .scroll-interaction--callouts-outer {
        padding: calc(calc(100vh - 54px)) 0 !important;
        position: static
    }
}

@media screen and (min-height:1200px) {
    .corporate-scroll-interaction.large-device-fix .scroll-interaction--callout-positioner {
        height: calc(100vh - 72px) !important;
        margin: calc(calc(100vh - 18px)) 0 !important;
        transform: none !important;
        top: 0 !important;
        position: relative !important
    }
}

@media screen and (min-height:1200px) {
    .corporate-scroll-interaction.large-device-fix .scroll-interaction--images {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important
    }
}

@media screen and (min-height:1200px) {

    .corporate-scroll-interaction.large-device-fix .scroll-interaction--images img,
    .corporate-scroll-interaction.large-device-fix .scroll-interaction--images video {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 72px !important;
        height: calc(100vh - 72px) !important;
        object-fit: contain
    }
}

@media screen and (min-height:1200px) {
    .corporate-scroll-interaction.large-device-fix .scroll-interaction--image {
        position: absolute !important;
        top: 0 !important;
        bottom: 0
    }
}

.component-immersivearticleheader {
    position: relative
}

.component-immersivearticleheader.editmode {
    height: 500px
}

.component-immersivearticleheader--images {
    position: relative;
    width: 100%;
    height: calc(100vh - 71px);
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .component-immersivearticleheader--images {
        height: calc(100vh - 88px)
    }
}

.component-immersivearticleheader--images-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.component-immersivearticleheader--images-item img {
    min-width: 100vw;
    height: calc(100vh - 71px);
    display: block
}

@media screen and (min-width:1024px) {
    .component-immersivearticleheader--images-item img {
        height: calc(100vh - 88px)
    }
}

.component-immersivearticleheader--images-item:first-child {
    z-index: 2
}

.component-immersivearticleheader--images.editmode {
    height: 500px
}

.component-immersivearticleheader--sections {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3
}

.component-immersivearticleheader--sections-item {
    position: absolute;
    width: 75%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: "APKProtocol Regular";
    font-size: 14px;
    color: #fff;
    line-height: 1.3;
    opacity: 0
}

@media screen and (min-width:768px) {
    .component-immersivearticleheader--sections-item {
        width: 65%;
        font-size: 17px
    }
}

@media screen and (min-width:963px) {
    .component-immersivearticleheader--sections-item {
        width: 45%;
        font-size: 20px
    }
}

.component-immersivearticleheader--sections-item:first-child {
    opacity: 1
}

.component-immersivearticleheader--sections-item .subtitle {
    font-size: 1.2em
}

.component-immersivearticleheader--sections-item .title {
    font-family: "APKProtocol Medium";
    font-size: 3.5em;
    line-height: 1
}

.component-immersivearticleheader--sections.editmode {
    height: 500px
}

.component-immersive-accordion {
    overflow: hidden;
    margin: 100px 0
}

.component-immersive-accordion .accordion-title {
    font-family: "APKProtocol Medium";
    font-size: 1.8em;
    margin: 20px 0;
    display: none
}

@media screen and (min-width:1024px) {
    .component-immersive-accordion .accordion-title {
        display: block
    }
}

.component-immersive-accordion .accordion-container {
    height: 630px;
    width: 100%;
    margin: 0;
    flex-wrap: nowrap;
    display: none
}

@media screen and (min-width:1024px) {
    .component-immersive-accordion .accordion-container {
        display: flex
    }
}

.component-immersive-accordion .accordion-container .active {
    width: 33.5% !important
}

.component-immersive-accordion .accordion-container .active a img {
    transform: scale(1.05) translateX(0) !important;
    transition: transform .4s ease-in-out;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.component-immersive-accordion .accordion-container .active a div {
    opacity: 1 !important
}

.component-immersive-accordion .accordion-container .accordion-item {
    height: inherit;
    width: 16.66%;
    overflow: hidden;
    z-index: 1;
    transition: width .4s ease-in-out
}

.component-immersive-accordion .accordion-container .accordion-item .accordion-content {
    height: inherit;
    overflow: hidden
}

.component-immersive-accordion .accordion-container .accordion-item .accordion-content .slide-wrapper {
    position: relative;
    height: inherit
}

.component-immersive-accordion .accordion-container .accordion-item .accordion-content .slide-wrapper .text {
    opacity: 0;
    transition: opacity .3s linear .4s;
    position: absolute;
    width: 80%;
    bottom: 3em;
    left: 2em;
    z-index: 99
}

.component-immersive-accordion .accordion-container .accordion-item .accordion-content .slide-wrapper .text .pulsing-dots {
    animation-name: pulseDot;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    margin-bottom: 52px
}

.component-immersive-accordion .accordion-container .accordion-item .accordion-content .slide-wrapper .text .pulsing-dots .dot {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #fff;
    position: relative;
    z-index: 999;
    margin-bottom: 8px
}

.component-immersive-accordion .accordion-container .accordion-item .accordion-content .slide-wrapper .text h2 {
    color: #d8d8d8;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.component-immersive-accordion .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-title {
    font-family: "APKProtocol Semibold";
    line-height: 2em
}

@media screen and (min-width:18.33333333em) {
    .component-immersive-accordion .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-title {
        font-size: calc(1em + 0.3 * ((100vw - 18.33333333em) / 115))
    }
}

@media screen and (min-width:1600px) {
    .component-immersive-accordion .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-title {
        font-size: 1.3em
    }
}

.component-immersive-accordion .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-description {
    font-family: "APKProtocol Medium";
    line-height: 2em
}

@media screen and (min-width:18.33333333em) {
    .component-immersive-accordion .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-description {
        font-size: calc(0.85em + 0.15 * ((100vw - 18.33333333em) / 115))
    }
}

@media screen and (min-width:1600px) {
    .component-immersive-accordion .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-description {
        font-size: 1em
    }
}

.component-immersive-accordion .accordion-container .accordion-item .accordion-content img {
    transform: translateX(-50%);
    transition: transform .4s ease-in-out;
    will-change: transform;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden
}

.component-immersive-accordion .accordion-immersive-carousel {
    display: block
}

@media screen and (min-width:576px) {
    .component-immersive-accordion .accordion-immersive-carousel {
        width: calc(67vw);
        margin-left: 33px !important
    }
}

@media screen and (min-width:1024px) {
    .component-immersive-accordion .accordion-immersive-carousel {
        display: none
    }
}

.component-immersive-accordion .accordion-immersive-carousel .accordion-carousel-item {
    margin: 0;
    height: 110vw;
    display: flex;
    justify-content: center;
    max-height: 640px
}

@media screen and (min-width:576px) {
    .component-immersive-accordion .accordion-immersive-carousel .accordion-carousel-item {
        height: 70vw
    }
}

.component-immersive-accordion .accordion-immersive-carousel.slick-slider {
    margin-left: 0;
    overflow: hidden
}

.component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list {
    margin: 0;
    width: 100vw
}

@media screen and (min-width:576px) {
    .component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list {
        margin: 0;
        overflow: visible
    }
}

.component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track {
    padding-left: 4.4vw
}

@media screen and (min-width:576px) {
    .component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track {
        padding-left: 0
    }
}

.component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide {
    margin: 0
}

@media screen and (min-width:576px) {
    .component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide {
        margin: 0
    }
}

.component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content {
    position: relative
}

.component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper {
    position: relative;
    height: 100%;
    width: 85%
}

.component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text {
    transition: opacity .3s linear .4s;
    position: absolute;
    width: 80%;
    bottom: 3em;
    left: 3em;
    z-index: 99
}

.component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .pulsing-dots {
    animation-name: pulseDot;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    margin-bottom: 52px
}

.component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .pulsing-dots .dot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #fff;
    position: relative;
    z-index: 999;
    margin-bottom: 8px
}

@media screen and (min-width:768px) {
    .component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .pulsing-dots .dot {
        width: 12px;
        height: 12px
    }
}

.component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text h2 {
    color: #d8d8d8;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .slide-title {
    font-family: "APKProtocol Semibold";
    line-height: 2em
}

@media screen and (min-width:18.33333333em) {
    .component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .slide-title {
        font-size: calc(1em + 0.6 * ((100vw - 18.33333333em) / 115))
    }
}

@media screen and (min-width:1600px) {
    .component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .slide-title {
        font-size: 1.6em
    }
}

.component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .slide-description {
    font-family: "APKProtocol Medium";
    line-height: 2em
}

@media screen and (min-width:18.33333333em) {
    .component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .slide-description {
        font-size: calc(0.8em + 0.4 * ((100vw - 18.33333333em) / 115))
    }
}

@media screen and (min-width:1600px) {
    .component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .slide-description {
        font-size: 1.2em
    }
}

.component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content img {
    width: 89vw
}

@media screen and (min-width:576px) {
    .component-immersive-accordion .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content img {
        width: 60vw
    }
}

@keyframes pulseDot {
    0 {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.component-immersive-accordion-v2 {
    overflow: hidden;
    margin: 0
}

.component-immersive-accordion-v2 .accordion-title {
    font-family: "APKProtocol Semibold";
    font-size: 24px;
    margin: 0;
    padding-left: 33px
}

@media screen and (min-width:768px) {
    .component-immersive-accordion-v2 .accordion-title {
        font-size: 27px
    }
}

@media screen and (min-width:1024px) {
    .component-immersive-accordion-v2 .accordion-title {
        padding-left: 0;
        font-size: 30px
    }
}

.component-immersive-accordion-v2 .accordion-description {
    margin-top: 5px;
    padding-left: 33px
}

@media screen and (min-width:576px) {
    .component-immersive-accordion-v2 .accordion-description {
        padding-left: 43px
    }
}

@media screen and (min-width:1024px) {
    .component-immersive-accordion-v2 .accordion-description {
        padding-left: 0
    }
}

.component-immersive-accordion-v2 .accordion-container {
    height: 630px;
    width: 100%;
    margin: 40px 0 0;
    flex-wrap: nowrap;
    display: none
}

@media screen and (min-width:1024px) {
    .component-immersive-accordion-v2 .accordion-container {
        display: flex
    }
}

.component-immersive-accordion-v2 .accordion-container .active {
    width: 34% !important
}

.component-immersive-accordion-v2 .accordion-container .active .item-cover {
    opacity: 0 !important
}

.component-immersive-accordion-v2 .accordion-container .active a div.text {
    opacity: 1 !important
}

.component-immersive-accordion-v2 .accordion-container .accordion-item {
    height: inherit;
    width: 16.66%;
    overflow: hidden;
    z-index: 1;
    transition: width .3s ease-out;
    position: relative
}

.component-immersive-accordion-v2 .accordion-container .accordion-item .item-cover {
    position: absolute;
    width: 110%;
    height: 110%;
    top: -2px;
    left: -2px;
    background-color: #000;
    opacity: .6;
    transition: opacity .3s ease-out
}

.component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content {
    height: inherit;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text {
    opacity: 0;
    transition: opacity .3s linear 1s;
    position: absolute;
    width: 80%;
    bottom: 3em;
    left: 2em;
    z-index: 99
}

.component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text .pulsing-dots {
    animation-name: pulseDot;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    margin-bottom: 52px
}

.component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text .pulsing-dots .dot {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #fff;
    position: relative;
    z-index: 999;
    margin-bottom: 8px
}

.component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text h2 {
    color: #fff;
    overflow: hidden;
    letter-spacing: .8px
}

.component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-title {
    font-family: "APKProtocol Semibold";
    line-height: 1.2em;
    letter-spacing: .8px;
    margin-bottom: 0;
    padding-bottom: 20px
}

@media screen and (max-width:767px) {
    .component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-title {
        font-size: 20px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-title {
        font-size: calc(15.57314149px)
    }
}

@media screen and (min-width:1024px) and (max-width:1439px) {
    .component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-title {
        font-size: calc(17.55769231px)
    }
}

@media screen and (min-width:1440px) {
    .component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-title {
        font-size: 24px
    }
}

.component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-description {
    font-family: "APKProtocol Medium";
    line-height: 1.2;
    letter-spacing: .8px;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-description {
        font-size: 16px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-description {
        font-size: calc(13.57314149px)
    }
}

@media screen and (min-width:1024px) and (max-width:1439px) {
    .component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-description {
        font-size: calc(13.55769231px)
    }
}

@media screen and (min-width:1440px) {
    .component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content .slide-wrapper .text .slide-description {
        font-size: 20px
    }
}

.component-immersive-accordion-v2 .accordion-container .accordion-item .accordion-content img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease-out
}

.component-immersive-accordion-v2 .accordion-immersive-carousel {
    display: none;
    margin-top: 40px
}

@media screen and (min-width:576px) {
    .component-immersive-accordion-v2 .accordion-immersive-carousel {
        width: calc(100vw - 33px);
        margin-left: 10px !important
    }
}

@media screen and (min-width:576px) {
    .component-immersive-accordion-v2 .accordion-immersive-carousel {
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .component-immersive-accordion-v2 .accordion-immersive-carousel {
        display: none
    }
}

.component-immersive-accordion-v2 .accordion-immersive-carousel .accordion-carousel-item {
    margin: 0;
    height: 110vw;
    display: flex;
    justify-content: center;
    max-height: 640px
}

@media screen and (min-width:576px) {
    .component-immersive-accordion-v2 .accordion-immersive-carousel .accordion-carousel-item {
        height: 70vw
    }
}

.component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider {
    margin-left: 0;
    overflow: hidden
}

.component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list {
    margin: 0;
    width: 100vw
}

@media screen and (min-width:576px) {
    .component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list {
        margin: 0;
        overflow: visible
    }
}

.component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track {
    padding-left: 4.4vw
}

@media screen and (min-width:576px) {
    .component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track {
        padding-left: 0
    }
}

.component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide {
    margin: 0
}

@media screen and (min-width:576px) {
    .component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide {
        margin: 0
    }
}

.component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content {
    position: relative
}

.component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper {
    position: relative;
    height: 100%;
    width: 85%
}

.component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text {
    transition: opacity .3s linear .4s;
    position: absolute;
    width: 80%;
    bottom: 3em;
    left: 3em;
    z-index: 99
}

.component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .pulsing-dots {
    animation-name: pulseDot;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    margin-bottom: 52px
}

.component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .pulsing-dots .dot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #fff;
    position: relative;
    z-index: 999;
    margin-bottom: 8px
}

@media screen and (min-width:768px) {
    .component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .pulsing-dots .dot {
        width: 12px;
        height: 12px
    }
}

.component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text h2 {
    color: #fff;
    overflow: hidden
}

.component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .slide-title {
    font-family: "APKProtocol Semibold";
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: .8px;
    margin-bottom: 0;
    padding-bottom: 20px
}

.component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content .slide-wrapper .text .slide-description {
    font-family: "APKProtocol Medium";
    line-height: 1.2;
    font-size: 16px;
    letter-spacing: .8px;
    margin-bottom: 0
}

.component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content img {
    width: 89vw
}

@media screen and (min-width:576px) {
    .component-immersive-accordion-v2 .accordion-immersive-carousel.slick-slider .slick-list .slick-track .slick-slide .accordion-carousel-content img {
        width: 60vw
    }
}

.component-immersive-accordion-v2 .accordion-immersive-list {
    display: flex;
    margin-top: 30px
}

@media screen and (min-width:576px) {
    .component-immersive-accordion-v2 .accordion-immersive-list {
        width: calc(100vw - 33px);
        margin-left: 33px !important
    }
}

@media screen and (min-width:576px) {
    .component-immersive-accordion-v2 .accordion-immersive-list {
        display: none
    }
}

.component-immersive-accordion-v2 .accordion-immersive-list .accordion-list-item {
    margin: 0 0 30px 0;
    height: 110vw;
    width: 100%;
    display: flex;
    justify-content: center;
    max-height: 640px
}

@media screen and (min-width:576px) {
    .component-immersive-accordion-v2 .accordion-immersive-list .accordion-list-item {
        height: 70vw
    }
}

.component-immersive-accordion-v2 .accordion-immersive-list .accordion-list-item .accordion-list-content {
    position: relative
}

.component-immersive-accordion-v2 .accordion-immersive-list .accordion-list-item .accordion-list-content .slide-wrapper {
    position: relative;
    height: 100%;
    width: 85%
}

.component-immersive-accordion-v2 .accordion-immersive-list .accordion-list-item .accordion-list-content .slide-wrapper .text {
    transition: opacity .3s linear .4s;
    position: absolute;
    width: 80%;
    bottom: 3em;
    left: 3em;
    z-index: 99
}

.component-immersive-accordion-v2 .accordion-immersive-list .accordion-list-item .accordion-list-content .slide-wrapper .text .pulsing-dots {
    animation-name: pulseDot;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    margin-bottom: 52px
}

.component-immersive-accordion-v2 .accordion-immersive-list .accordion-list-item .accordion-list-content .slide-wrapper .text .pulsing-dots .dot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #fff;
    position: relative;
    z-index: 999;
    margin-bottom: 8px
}

@media screen and (min-width:768px) {
    .component-immersive-accordion-v2 .accordion-immersive-list .accordion-list-item .accordion-list-content .slide-wrapper .text .pulsing-dots .dot {
        width: 12px;
        height: 12px
    }
}

.component-immersive-accordion-v2 .accordion-immersive-list .accordion-list-item .accordion-list-content .slide-wrapper .text h2 {
    color: #fff;
    overflow: hidden
}

.component-immersive-accordion-v2 .accordion-immersive-list .accordion-list-item .accordion-list-content .slide-wrapper .text .slide-title {
    font-family: "APKProtocol Semibold";
    line-height: 1.2;
    font-size: 22px;
    letter-spacing: .8px;
    margin-bottom: 0;
    padding-bottom: 20px
}

.component-immersive-accordion-v2 .accordion-immersive-list .accordion-list-item .accordion-list-content .slide-wrapper .text .slide-description {
    font-family: "APKProtocol Medium";
    line-height: 1.2;
    font-size: 16px;
    letter-spacing: .8px;
    margin-bottom: 0
}

.component-immersive-accordion-v2 .accordion-immersive-list .accordion-list-item .accordion-list-content img {
    width: calc(100vw - 66px);
    height: 110vw;
    max-height: 640px
}

@keyframes pulseDot {
    0 {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.component-listing.container-fluid {
    padding: 0
}

.component-listing .row {
    margin: 0
}

.component-listing .filters {
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: .5em;
    padding-top: .5em;
    margin-bottom: 2em;
    display: none
}

.component-listing .filters div {
    height: 1.5em
}

.component-listing .filters .filter-btn {
    margin-left: 5em;
    font-family: "APKProtocol Regular";
    position: relative
}

@media screen and (max-width:768px) {
    .component-listing .filters .filter-btn {
        margin-left: 0
    }
}

.component-listing .filters .filter-btn>span {
    font-family: "APKProtocol Regular"
}

@media screen and (min-width:18.33333333em) {
    .component-listing .filters .filter-btn>span {
        font-size: calc(0.8em + 0.4 * ((100vw - 18.33333333em) / 115))
    }
}

@media screen and (min-width:1600px) {
    .component-listing .filters .filter-btn>span {
        font-size: 1.2em
    }
}

.component-listing .filters .filter-btn .mobile-filter {
    display: flex;
    cursor: pointer
}

@media screen and (min-width:768px) {
    .component-listing .filters .filter-btn .mobile-filter {
        display: none
    }
}

.component-listing .filters .filter-btn .mobile-filter:hover {
    color: #beff00
}

.component-listing .filters .filter-btn .full-filter {
    display: none
}

@media screen and (min-width:768px) {
    .component-listing .filters .filter-btn .full-filter {
        display: flex;
        align-items: center
    }
}

.component-listing .filters .filter-btn .plus {
    margin-left: .6em
}

@media screen and (min-width:18.33333333em) {
    .component-listing .filters .filter-btn .plus {
        font-size: calc(1em + 0.5 * ((100vw - 18.33333333em) / 115))
    }
}

@media screen and (min-width:1600px) {
    .component-listing .filters .filter-btn .plus {
        font-size: 1.5em
    }
}

.component-listing .filters .filter-btn .f-button {
    cursor: pointer;
    display: flex;
    align-items: center
}

.component-listing .filters .filter-btn .f-button:hover {
    color: #beff00
}

.component-listing .filters .arrange {
    margin-right: 5em;
    display: flex;
    width: 4em;
    justify-content: space-between
}

.component-listing .filters .arrange button {
    background-color: transparent;
    border: transparent;
    cursor: pointer;
    outline: 0
}

@media screen and (max-width:768px) {
    .component-listing .filters .arrange {
        margin-right: 0;
        padding-right: 15px
    }
}

.component-listing .filters .arrange span {
    transform: translate(0, 18%)
}

.component-listing .filters .fas {
    color: #e1e1e1
}

.component-listing .filters .active {
    color: #000
}

.component-listing .location {
    font-family: 'monaco';
    text-align: center;
    margin-bottom: 2em
}

@media screen and (min-width:18.33333333em) {
    .component-listing .location {
        font-size: calc(0.5em + 0.3 * ((100vw - 18.33333333em) / 115))
    }
}

@media screen and (min-width:1600px) {
    .component-listing .location {
        font-size: .8em
    }
}

.component-listing .location .bold {
    font-weight: bold;
    font-family: monospace, monospace
}

.component-listing .date-carousel {
    margin-bottom: 3em
}

.component-listing .date-carousel .slick-list {
    padding: 0 !important
}

.component-listing .date-carousel .month {
    font-family: "APKProtocol Bold";
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #e9e9e9;
    text-transform: uppercase
}

@media screen and (min-width:18.33333333em) {
    .component-listing .date-carousel .month {
        font-size: calc(2em + 1 * ((100vw - 18.33333333em) / 115))
    }
}

@media screen and (min-width:1600px) {
    .component-listing .date-carousel .month {
        font-size: 3em
    }
}

.component-listing .date-carousel .slick-current .month {
    color: #000
}

.component-listing .date-carousel .c-container {
    height: 307px
}

@media screen and (min-width:960px) {
    .component-listing .date-carousel .c-container {
        height: 428px
    }
}

.component-listing .date-carousel .c-container:focus {
    outline: 0
}

.component-listing .date-carousel .hide {
    visibility: hidden
}

.component-listing .date-carousel .c-arrow {
    position: absolute;
    height: 50px;
    width: 50px;
    background-color: transparent;
    color: #fff;
    z-index: 999;
    align-items: center;
    cursor: pointer
}

.component-listing .date-carousel .c-prev {
    top: 50%;
    left: calc(50% - 10em);
    transform: translate(-50%, -60%);
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/carousel-prev-icon.svg');
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1
}

@media screen and (max-width:768px) {
    .component-listing .date-carousel .c-prev {
        transform: translate(0, -60%);
        left: 0
    }
}

.component-listing .date-carousel .c-next {
    bottom: 50%;
    right: calc(50% - 10em);
    transform: translate(50%, 40%);
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/carousel-next-icon.svg');
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1
}

@media screen and (max-width:768px) {
    .component-listing .date-carousel .c-next {
        transform: translate(0, 40%);
        right: 0
    }
}

.component-listing .date-carousel .slick-slide {
    margin: 0;
    outline: 0
}

.component-listing .date-carousel .slick-slide:last-child {
    margin: 0
}

.component-listing .main-content .grid-sizer {
    width: 1%
}

.component-listing .main-content .max-width-3 {
    width: 98%
}

@media screen and (min-width:576px) {
    .component-listing .main-content .max-width-3 {
        width: 46%
    }
}

@media screen and (min-width:992px) {
    .component-listing .main-content .max-width-3 {
        width: 29%
    }
}

.component-listing .main-content .max-width-2 {
    width: 98%
}

@media screen and (min-width:576px) {
    .component-listing .main-content .max-width-2 {
        width: 96%
    }
}

@media screen and (min-width:992px) {
    .component-listing .main-content .max-width-2 {
        width: 46%
    }
}

.component-listing .main-content .height1 {
    height: 200px;
    min-height: calc(232px)
}

.component-listing .main-content .height2 {
    height: calc(400px);
    min-height: calc(464px)
}

.component-listing .main-content .height3 {
    height: calc(600px);
    min-height: calc(632px)
}

.component-listing .more-news {
    margin: 1em 0 1em 0
}

.component-listing .more-news button {
    background-color: transparent;
    border: transparent;
    cursor: pointer;
    outline: 0
}

.component-listing .main-content-list .row {
    transition: max-height .5s
}

.component-listing .main-content-list .limit-list {
    overflow: hidden;
    max-height: 500px
}

@media screen and (min-width:576px) {
    .component-listing .main-content-list .limit-list {
        max-height: 500px
    }
}

@media screen and (min-width:992px) {
    .component-listing .main-content-list .limit-list {
        max-height: 280px
    }
}

.component-listing .hide {
    opacity: 0;
    transition: opacity .5s
}

.news-container-grid {
    padding-left: 0;
    padding-right: 0;
    margin: 0 2%
}

.medium .main-item,
.large .main-item {
    height: inherit;
    position: relative
}

.medium .main-item .top-half,
.large .main-item .top-half {
    width: 100%;
    height: 80%
}

.medium .main-item .top-half .image,
.large .main-item .top-half .image {
    height: 100%;
    background-size: cover
}

.medium .main-item .bottom-half,
.large .main-item .bottom-half {
    width: 100%;
    color: #000;
    position: relative;
    border: 1px solid #eee
}

.medium .main-item .bottom-half .image-title,
.large .main-item .bottom-half .image-title {
    padding: 0;
    font-family: "APKProtocol Medium";
    line-height: 150%;
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80%;
    margin: 1em 0 0 1.2em
}

@media screen and (min-width:18.33333333em) {

    .medium .main-item .bottom-half .image-title,
    .large .main-item .bottom-half .image-title {
        font-size: calc(0.9em + 0.3 * ((100vw - 18.33333333em) / 115))
    }
}

@media screen and (min-width:1600px) {

    .medium .main-item .bottom-half .image-title,
    .large .main-item .bottom-half .image-title {
        font-size: 1.2em
    }
}

.medium .main-item .bottom-half .details,
.large .main-item .bottom-half .details {
    width: inherit;
    margin: 40px 0 0 0
}

.medium .main-item .bottom-half .info,
.large .main-item .bottom-half .info {
    margin: 5px 0 1em 0;
    width: 100%;
    position: relative
}

.medium .main-item .bottom-half .date,
.large .main-item .bottom-half .date {
    font-family: "APKProtocol Regular";
    user-select: text;
    font-weight: 100;
    margin: 1em 0 0 1.5em;
    padding: 0
}

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

    .medium .main-item .bottom-half .date,
    .large .main-item .bottom-half .date {
        font-size: calc(10px + (12 - 10) *((100vw - 320px) /(959 - 320)))
    }
}

@media screen and (min-width:960px) and (max-width:1439px) {

    .medium .main-item .bottom-half .date,
    .large .main-item .bottom-half .date {
        font-size: calc(12px + (15 - 12) *((100vw - 960px) /(1440 - 960)))
    }
}

@media screen and (min-width:1440px) {

    .medium .main-item .bottom-half .date,
    .large .main-item .bottom-half .date {
        font-size: 15px
    }
}

.medium .main-item .bottom-half .description,
.large .main-item .bottom-half .description {
    font-family: "APKProtocol Regular";
    user-select: text;
    font-weight: 100;
    max-width: 70%;
    margin: 0 0 0 1.5em;
    padding: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 90%
}

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

    .medium .main-item .bottom-half .description,
    .large .main-item .bottom-half .description {
        font-size: "calc(___YUICSSMIN_PRESERVED_TOKEN_312___) * ((100vw - 320px) / (959 - 320)))"
    }
}

@media screen and (min-width:960px) and (max-width:1439px) {

    .medium .main-item .bottom-half .description,
    .large .main-item .bottom-half .description {
        font-size: "calc(___YUICSSMIN_PRESERVED_TOKEN_313___) * ((100vw - 960px) / (1440 - 960)))"
    }
}

@media screen and (min-width:1440px) {

    .medium .main-item .bottom-half .description,
    .large .main-item .bottom-half .description {
        font-size: 15px
    }
}

.medium .main-item .bottom-half .read-more,
.large .main-item .bottom-half .read-more {
    position: absolute;
    top: 0;
    right: 2em;
    width: 16px;
    font-family: "APKProtocol Regular";
    white-space: nowrap;
    align-self: center;
    color: #000;
    cursor: pointer;
    outline: 0
}

.medium .main-item .bottom-half .read-more:hover,
.large .main-item .bottom-half .read-more:hover {
    text-decoration: none;
    color: #beff00
}

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

    .medium .main-item .bottom-half .read-more,
    .large .main-item .bottom-half .read-more {
        font-size: "calc(___YUICSSMIN_PRESERVED_TOKEN_314___) * ((100vw - 320px) / (1440 - 320)))"
    }
}

@media screen and (min-width:1440px) {

    .medium .main-item .bottom-half .read-more,
    .large .main-item .bottom-half .read-more {
        font-size: 16px
    }
}

.medium .main-item .bottom-half .read-more-arrow,
.large .main-item .bottom-half .read-more-arrow {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/black-arrow.svg');
    background-size: 16px;
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    background-position: center;
    right: 0;
    top: 0;
    transform: translate(50%, -10%)
}

.small .main-item {
    height: inherit;
    position: relative
}

.small .main-item .top-half {
    width: 100%;
    height: 80%
}

.small .main-item .top-half .image {
    height: 100%;
    background-size: cover
}

.small .main-item .bottom-half {
    width: 100%;
    color: #000;
    position: relative;
    border: 1px solid #eee
}

.small .main-item .bottom-half .image-title {
    padding: 0;
    font-family: "APKProtocol Medium";
    line-height: 150%;
    position: absolute;
    top: 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80%;
    transform: translate(0, -50%);
    margin: 0 0 0 1.5em
}

@media screen and (min-width:18.33333333em) {
    .small .main-item .bottom-half .image-title {
        font-size: calc(0.9em + 0.1 * ((100vw - 18.33333333em) / 115))
    }
}

@media screen and (min-width:1600px) {
    .small .main-item .bottom-half .image-title {
        font-size: 1em
    }
}

.small .main-item .bottom-half .info {
    min-height: 3em;
    width: 100%;
    position: relative
}

.small .main-item .bottom-half .date {
    font-family: "APKProtocol Regular";
    user-select: text;
    font-weight: 100;
    margin-left: 1em;
    margin-bottom: 5px
}

@media screen and (max-width:959px) {
    .small .main-item .bottom-half .date {
        font-size: calc(10px + (12 - 10) *((100vw - 320px) /(959 - 320)))
    }
}

@media screen and (min-width:960px) and (max-width:1439px) {
    .small .main-item .bottom-half .date {
        font-size: calc(12px + (15 - 12) *((100vw - 960px) /(1440 - 960)))
    }
}

@media screen and (min-width:1440px) {
    .small .main-item .bottom-half .date {
        font-size: 15px
    }
}

.small .main-item .bottom-half .description {
    font-family: "APKProtocol Regular";
    user-select: text;
    font-weight: 100;
    max-width: 70%;
    margin-left: 1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 90%
}

@media screen and (max-width:959px) {
    .small .main-item .bottom-half .description {
        font-size: calc(10px + (12 - 10) *((100vw - 320px) /(959 - 320)))
    }
}

@media screen and (min-width:960px) and (max-width:1439px) {
    .small .main-item .bottom-half .description {
        font-size: calc(12px + (15 - 12) *((100vw - 960px) /(1440 - 960)))
    }
}

@media screen and (min-width:1440px) {
    .small .main-item .bottom-half .description {
        font-size: 15px
    }
}

.small .main-item .bottom-half .read-more {
    position: absolute;
    top: 50%;
    right: 2em;
    width: 16px;
    font-family: "APKProtocol Regular";
    white-space: nowrap;
    align-self: center;
    transform: translate(0, -50%);
    color: #000;
    cursor: pointer;
    outline: 0
}

.small .main-item .bottom-half .read-more:hover {
    text-decoration: none;
    color: #beff00
}

@media screen and (max-width:1439px) {
    .small .main-item .bottom-half .read-more {
        font-size: calc(13px + (16 - 13) *((100vw - 320px) /(1440 - 320)))
    }
}

@media screen and (min-width:1440px) {
    .small .main-item .bottom-half .read-more {
        font-size: 16px
    }
}

.small .main-item .bottom-half .read-more-arrow {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/black-arrow.svg');
    background-size: 16px;
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    background-position: center;
    right: 0;
    top: 0;
    transform: translate(50%, -50%)
}

.no-image .main-item {
    height: inherit;
    width: 100%;
    color: #000;
    position: relative
}

.no-image .main-item .title {
    padding: 0;
    font-family: "APKProtocol Medium";
    line-height: 150%;
    top: 0;
    max-width: 90%;
    margin: 0 0 1em 0
}

@media screen and (min-width:18.33333333em) {
    .no-image .main-item .title {
        font-size: calc(0.9em + 0.1 * ((100vw - 18.33333333em) / 115))
    }
}

@media screen and (min-width:1600px) {
    .no-image .main-item .title {
        font-size: 1em
    }
}

.no-image .main-item .details {
    margin: 1em 0 0 5px
}

.no-image .main-item .info {
    width: 100%;
    position: relative
}

.no-image .main-item .date {
    font-family: "APKProtocol Regular";
    user-select: text;
    font-weight: 100;
    padding: 0;
    margin-left: 0;
    margin-bottom: 5px
}

@media screen and (max-width:959px) {
    .no-image .main-item .date {
        font-size: calc(10px + (12 - 10) *((100vw - 320px) /(959 - 320)))
    }
}

@media screen and (min-width:960px) and (max-width:1439px) {
    .no-image .main-item .date {
        font-size: calc(12px + (15 - 12) *((100vw - 960px) /(1440 - 960)))
    }
}

@media screen and (min-width:1440px) {
    .no-image .main-item .date {
        font-size: 15px
    }
}

.no-image .main-item .description {
    font-family: "APKProtocol Regular";
    user-select: text;
    font-weight: 100;
    max-width: 80%;
    margin-left: 0;
    padding: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 90%
}

@media screen and (max-width:959px) {
    .no-image .main-item .description {
        font-size: calc(10px + (12 - 10) *((100vw - 320px) /(959 - 320)))
    }
}

@media screen and (min-width:960px) and (max-width:1439px) {
    .no-image .main-item .description {
        font-size: calc(12px + (15 - 12) *((100vw - 960px) /(1440 - 960)))
    }
}

@media screen and (min-width:1440px) {
    .no-image .main-item .description {
        font-size: 15px
    }
}

.no-image .main-item .read-more {
    position: absolute;
    top: 50%;
    right: 2em;
    width: 16px;
    font-family: "APKProtocol Regular";
    white-space: nowrap;
    align-self: center;
    transform: translate(0, -90%);
    color: #000;
    cursor: pointer;
    outline: 0
}

.no-image .main-item .read-more:hover {
    text-decoration: none;
    color: #beff00
}

@media screen and (max-width:1439px) {
    .no-image .main-item .read-more {
        font-size: calc(13px + (16 - 13) *((100vw - 320px) /(1440 - 320)))
    }
}

@media screen and (min-width:1440px) {
    .no-image .main-item .read-more {
        font-size: 16px
    }
}

.no-image .main-item .read-more-arrow {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/black-arrow.svg');
    background-size: 16px;
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    background-position: center;
    right: 0;
    top: 0;
    transform: translate(50%, -90%)
}

.news-container-list {
    font-size: unset;
    height: inherit;
    width: 100%;
    color: #000;
    position: relative;
    padding: 1em 0 .8em 5px
}

.news-container-list a {
    font-size: unset
}

.news-container-list a:hover {
    text-decoration: none;
    font-size: inherit;
    color: #666
}

@media screen and (min-width:576px) {
    .news-container-list {
        padding: 1em 2em 1.5em 5px
    }
}

.news-container-list .title {
    padding: 0;
    font-family: "APKProtocol Medium";
    line-height: 150%;
    top: 0;
    max-width: 90%;
    margin: 0 0 1em 0
}

@media screen and (min-width:18.33333333em) {
    .news-container-list .title {
        font-size: calc(1em + 0.1 * ((100vw - 18.33333333em) / 115))
    }
}

@media screen and (min-width:1600px) {
    .news-container-list .title {
        font-size: 1.1em
    }
}

.news-container-list .info {
    width: 100%;
    position: relative
}

.news-container-list .date {
    font-family: "APKProtocol Regular";
    user-select: text;
    font-weight: 100;
    padding: 0;
    margin-left: 0;
    margin-bottom: 5px
}

@media screen and (max-width:959px) {
    .news-container-list .date {
        font-size: calc(10px + (12 - 10) *((100vw - 320px) /(959 - 320)))
    }
}

@media screen and (min-width:960px) and (max-width:1439px) {
    .news-container-list .date {
        font-size: calc(12px + (15 - 12) *((100vw - 960px) /(1440 - 960)))
    }
}

@media screen and (min-width:1440px) {
    .news-container-list .date {
        font-size: 15px
    }
}

.news-container-list .description {
    font-family: "APKProtocol Regular";
    user-select: text;
    font-weight: 100;
    max-width: 80%;
    margin-left: 0;
    padding: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 90%
}

@media screen and (max-width:959px) {
    .news-container-list .description {
        font-size: calc(10px + (12 - 10) *((100vw - 320px) /(959 - 320)))
    }
}

@media screen and (min-width:960px) and (max-width:1439px) {
    .news-container-list .description {
        font-size: calc(12px + (15 - 12) *((100vw - 960px) /(1440 - 960)))
    }
}

@media screen and (min-width:1440px) {
    .news-container-list .description {
        font-size: 15px
    }
}

.news-container-list .read-more {
    position: absolute;
    top: 50%;
    right: 2em;
    width: 16px;
    font-family: "APKProtocol Regular";
    white-space: nowrap;
    align-self: center;
    transform: translate(0, -90%);
    color: #000;
    cursor: pointer;
    outline: 0
}

.news-container-list .read-more:hover {
    text-decoration: none;
    color: #666
}

@media screen and (max-width:1439px) {
    .news-container-list .read-more {
        font-size: calc(13px + (16 - 13) *((100vw - 320px) /(1440 - 320)))
    }
}

@media screen and (min-width:1440px) {
    .news-container-list .read-more {
        font-size: 16px
    }
}

.news-container-list .read-more-arrow {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/black-arrow.svg');
    background-size: 16px;
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    background-position: center;
    right: 0;
    top: 0;
    transform: translate(50%, -90%)
}

.filter-box {
    display: none;
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    -webkit-box-shadow: 0 3px 5px 0 #a6a6a6;
    -moz-box-shadow: 0 3px 5px 0 #a6a6a6;
    box-shadow: 0 3px 5px 0 #a6a6a6
}

.filter-box a {
    text-decoration: none
}

.filter-box a:hover {
    color: #666;
    text-decoration: none
}

@media screen and (max-width:calc(576px - 1px)) {
    .filter-box {
        padding: 0 33px;
        height: 100vh;
        top: 0;
        position: fixed
    }
}

.filter-box.filter-open {
    display: block;
    overflow-x: hidden
}

.filter-box .container {
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width:1024px) {
    .filter-box .container {
        padding: 0 94px
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .filter-box .container {
        padding: 0
    }
}

.filter-box .mobile-nav {
    padding: 24px 0;
    position: relative
}

.filter-box .mobile-nav .close-btn {
    right: 0;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    user-select: none
}

.filter-box .mobile-nav .close-btn span:nth-last-child(2) {
    transform: rotate(-45deg) translate(-5px, 14px)
}

.filter-box .mobile-nav .close-btn span {
    display: block;
    width: 20px;
    height: 1px;
    margin-bottom: 15px;
    position: relative;
    background: #000;
    border-radius: 3px;
    transform-origin: 4px 0;
    transform: rotate(45deg) translate(-7px, -13px);
    background: #232323
}

.filter-box .mobile-nav .close-btn span:first-child {
    transform-origin: 0 0
}

.filter-box .mobile-nav .close-btn span:last-child {
    margin-bottom: 0
}

.filter-box .filter-header {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    position: relative
}

.filter-box .filter-header::after {
    content: '';
    width: 100vw;
    height: 1px;
    background-color: #969696;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0
}

@media screen and (max-width:calc(576px - 1px)) {
    .filter-box .filter-header::after {
        z-index: -1;
        width: 100%;
        background-color: #e1e1e1
    }
}

.filter-box .filter-header .filter-left {
    font-size: 18px;
    left: 0
}

.filter-box .filter-header .filter-right {
    float: right;
    padding: 0 calc(15px - (5 * (1px - ((100vw - 1024px)/ 416))))
}

.filter-box .filter-header .filter-right a {
    font-size: 18px
}

.filter-box .filter-header nav {
    position: relative;
    min-width: 450px
}

.filter-box .filter-header nav .filter-nav-items {
    overflow: visible;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.filter-box .filter-header .filter-nav {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: none
}

@media screen and (max-width:calc(576px - 1px)) {
    .filter-box .filter-header .filter-nav {
        position: relative
    }
}

.filter-box .filter-header .filter-nav ul.nav {
    position: relative
}

.filter-box .filter-header .filter-nav .nav li.nav-tab:first-child {
    padding-left: 80px;
    margin-left: 0
}

@media screen and (min-width:768px) {
    .filter-box .filter-header .filter-nav .nav li.nav-tab:first-child {
        padding-left: calc(175px - (60 * (1px - ((100vw - 1024px)/ 416))))
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .filter-box .filter-header .filter-nav .nav li.nav-tab:first-child {
        padding-left: 0
    }
}

.filter-box .filter-header .filter-nav .nav-tab {
    margin-left: 2px;
    display: inline-block
}

@media screen and (max-width:calc(576px - 1px)) {
    .filter-box .filter-header .filter-nav .nav-tab {
        margin-left: 10px
    }
}

@media screen and (min-width:768px) {
    .filter-box .filter-header .filter-nav .nav-tab {
        margin-left: 18px
    }
}

.filter-box .filter-header .filter-nav .nav-tab a {
    font-size: 18px
}

.filter-box .filter-header .filter-nav .nav-tab a .icon {
    vertical-align: middle;
    margin-left: 10px;
    content: '';
    margin-right: 10px;
    height: 2px;
    width: 14px;
    background-color: #000;
    display: none
}

@media screen and (min-width:576px) {
    .filter-box .filter-header .filter-nav .nav-tab a .icon {
        display: inline-block
    }
}

@media screen and (min-width:576px) {
    .filter-box .filter-header .filter-nav .nav-tab a .icon::after {
        content: '';
        height: 2px;
        width: 14px;
        position: absolute;
        background-color: #000;
        display: inline-block;
        transform: rotate(90deg)
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .filter-box .filter-header .filter-nav .nav-tab a {
        color: #e1e1e1
    }
}

.filter-box .filter-header .filter-nav .nav-tab a.active {
    color: #000
}

.filter-box .filter-header .filter-nav .nav-tab a.active::after {
    content: '';
    height: 4px;
    width: 100%;
    bottom: -20px;
    z-index: 10;
    position: relative;
    display: block;
    background-color: #beff00
}

@media screen and (min-width:576px) {
    .filter-box .filter-header .filter-nav .nav-tab a.active .icon::after {
        display: none
    }
}

.filter-box .filter-body {
    margin-top: 40px
}

@media screen and (max-width:calc(576px - 1px)) {
    .filter-box .filter-body {
        margin-top: 0
    }
}

.filter-box .filter-body .tab-pane {
    margin-left: calc(calc(175px - (60 * (1px - ((100vw - 1024px)/ 416)))) - 40px)
}

@media screen and (max-width:calc(576px - 1px)) {
    .filter-box .filter-body .tab-pane {
        padding-top: 20px;
        padding-left: 33px;
        padding-right: 0;
        position: relative;
        padding-bottom: 72px;
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden
    }
}

.filter-box .filter-body .actions {
    margin: 20px 0;
    display: inline-block
}

@media screen and (max-width:calc(576px - 1px)) {
    .filter-box .filter-body .actions {
        position: fixed;
        left: 0;
        bottom: 0;
        margin: 0;
        width: 100vw;
        background: white;
        padding: 16px 0 16px 33px;
        -webkit-box-shadow: 0 5px 5px 0 #a6a6a6;
        -moz-box-shadow: 0 5px 5px 0 #a6a6a6;
        box-shadow: 0 0 5px 0 #a6a6a6
    }
}

.filter-box .filter-body .actions a.cta {
    display: inline-block
}

@media screen and (max-width:calc(576px - 1px)) {
    .filter-box .filter-body .actions a.cta {
        padding: 13px 20px
    }
}

.filter-box .filter-body .actions a.cta:first-child {
    margin-left: calc(175px - (60 * (1px - ((100vw - 1024px)/ 416))));
    margin-right: 30px
}

@media screen and (max-width:calc(576px - 1px)) {
    .filter-box .filter-body .actions a.cta:first-child {
        margin: 0 5px;
        padding-right: 32px;
        border: 0
    }
}

.filter-box .filter-body label.checkbox {
    padding-bottom: 18px;
    display: inline-block;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    font-size: 14px;
    user-select: none
}

.events-image {
    height: 150px;
    width: 100%;
    background-repeat: no-repeat
}

.component-listing .date-events-carousel {
    margin-bottom: 3em
}

.component-listing .date-events-carousel .slick-list {
    padding: 0 !important
}

.component-listing .date-events-carousel .month {
    font-family: "APKProtocol Bold";
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #e9e9e9;
    text-transform: uppercase
}

@media screen and (min-width:18.33333333em) {
    .component-listing .date-events-carousel .month {
        font-size: calc(2.71014493em)
    }
}

@media screen and (min-width:1600px) {
    .component-listing .date-events-carousel .month {
        font-size: 3em
    }
}

.component-listing .date-events-carousel .slick-current .month {
    color: #000
}

.component-listing .date-events-carousel .c-container {
    height: 307px
}

@media screen and (min-width:960px) {
    .component-listing .date-events-carousel .c-container {
        height: 428px
    }
}

.component-listing .date-events-carousel .c-container:focus {
    outline: 0
}

.component-listing .date-events-carousel .hide {
    visibility: hidden
}

.component-listing .date-events-carousel .c-arrow {
    position: absolute;
    height: 50px;
    width: 50px;
    background-color: transparent;
    color: #fff;
    z-index: 999;
    align-items: center;
    cursor: pointer
}

.component-listing .date-events-carousel .c-prev {
    top: 50%;
    left: calc(35%);
    transform: translate(-50%, -60%);
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/carousel-prev-icon.svg');
    background-size: 34%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1
}

@media screen and (max-width:768px) {
    .component-listing .date-events-carousel .c-prev {
        transform: translate(0, -60%);
        left: 0
    }
}

.component-listing .date-events-carousel .c-next {
    bottom: 50%;
    right: calc(35%);
    transform: translate(50%, 40%);
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/carousel-next-icon.svg');
    background-size: 34%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1
}

@media screen and (max-width:768px) {
    .component-listing .date-events-carousel .c-next {
        transform: translate(0, 40%);
        right: 0
    }
}

.component-listing .date-events-carousel .slick-slide {
    margin: 0;
    outline: 0
}

.component-listing .date-events-carousel .slick-slide:last-child {
    margin: 0
}

.component-listing .date-carousel .slick-list {
    padding: 0 !important
}

.component-locations .container .divider {
    width: 100%;
    background: #000;
    height: 1px
}

@media only screen and (max-width:calc(575px)) {
    .component-locations .container {
        padding-left: 33px;
        padding-right: 33px
    }
}

.component-locations nav {
    overflow-x: auto;
    width: 100%;
    height: 85px;
    background: #f6f6f6;
    display: flex;
    align-items: center
}

@media only screen and (max-width:calc(576px - 1px)) {
    .component-locations nav {
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 999
    }
}

@media only screen and (min-width:768px) {
    .component-locations nav {
        justify-content: center
    }
}

@media only screen and (min-width:1024px) {
    .component-locations nav {
        justify-content: center
    }
}

.component-locations nav ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0
}

.component-locations nav ul li {
    padding: 0 28px
}

.component-locations nav ul li a {
    color: #000;
    font-family: 'APKProtocol Regular';
    font-size: 18px;
    line-height: 1.3;
    text-decoration: none;
    display: block;
    width: max-content;
    padding: 5px 0
}

.component-locations nav ul li:hover a,
.component-locations nav ul li:active a {
    color: #666
}

.component-locations .scroll-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 100
}

.component-locations .header a {
    text-decoration: none
}

.component-locations .header a:hover {
    color: #666;
    text-decoration: none
}

.component-locations .header-title {
    padding-bottom: .5em;
    padding-top: 100px;
    margin-bottom: 10px
}

.component-locations .header span {
    color: #000;
    font-family: "APKProtocol Regular";
    font-size: 14px
}

.component-locations .header a {
    color: #000;
    font-family: "APKProtocol Regular";
    font-size: 14px;
    line-height: 1.5;
    margin-right: 15px
}

@media only screen and (min-width:992px) {
    .component-locations .header a {
        margin-right: 0
    }
}

.component-locations .header .row.d-flex.justify-content-between {
    margin-top: 15px
}

.component-locations .header .row.d-flex.justify-content-between:last-child {
    font-weight: 900
}

.component-locations .header .row.d-flex.justify-content-between.main-line a {
    display: none
}

@media only screen and (min-width:992px) {
    .component-locations .header .row.d-flex.justify-content-between.main-line a {
        display: unset;
        margin-left: 8px;
        font-weight: 900
    }

    .component-locations .header .row.d-flex.justify-content-between.main-line .col-5 {
        display: flex
    }

    .component-locations .header .row.d-flex.justify-content-between.main-line .col-5:last-child {
        justify-content: flex-end
    }
}

@media only screen and (min-width:992px) {
    .component-locations .header .row.d-flex.justify-content-between.secondary-line a {
        display: none
    }
}

.component-locations .content .content-info {
    margin-bottom: 25px
}

.component-locations .content .content-info .info-header {
    margin-bottom: 50px
}

.component-locations .content .content-info .info-header ul {
    margin: 0
}

.component-locations .content .content-info .info-header .title,
.component-locations .content .content-info .info-header .subtitle {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    color: #212121;
    font-size: 16px;
    margin-bottom: 7px
}

@media only screen and (min-width:768px) {

    .component-locations .content .content-info .info-header .title,
    .component-locations .content .content-info .info-header .subtitle {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -0.1px
    }
}

.component-locations .content .content-info .info-header .title {
    color: #000
}

.component-locations .content .content-info .info-header .subtitle {
    color: #d8d8d8
}

.component-locations .content .content-info .address-section {
    padding: 25px 32px;
    border: 1px solid #d8d8d8;
    min-height: 140px
}

@media only screen and (min-width:992px) {
    .component-locations .content .content-info .address-section {
        max-width: 640px;
        padding: 10px
    }
}

.component-locations .content .content-info .address-section .address {
    margin-bottom: 30px
}

@media screen and (min-width:23.4375em) {
    .component-locations .content .content-info .address-section .address {
        font-size: calc(0.75em + 0.25 * ((100vw - 23.4375em) / 66.5625))
    }
}

@media screen and (min-width:1440px) {
    .component-locations .content .content-info .address-section .address {
        font-size: 1em
    }
}

@media only screen and (min-width:1024px) {
    .component-locations .content .content-info .address-section .address {
        margin-top: 25px;
        margin-bottom: 25px;
        margin-left: 42px
    }
}

.component-locations .content .content-info .address-section .phone {
    margin: 0
}

@media screen and (min-width:23.4375em) {
    .component-locations .content .content-info .address-section .phone {
        font-size: calc(0.75em + 0.25 * ((100vw - 23.4375em) / 66.5625))
    }
}

@media screen and (min-width:1440px) {
    .component-locations .content .content-info .address-section .phone {
        font-size: 1em
    }
}

@media only screen and (min-width:1024px) {
    .component-locations .content .content-info .address-section .phone {
        margin-top: 25px;
        margin-right: 36px
    }
}

.component-locations .content .content-info .cta-container {
    margin-top: 15px;
    display: flex;
    margin-bottom: 50px
}

.component-locations .content .content-info .cta-container a {
    color: #000;
    margin-left: auto;
    text-decoration: none
}

.component-locations .content .content-info .cta-container a span {
    margin-left: 15px
}

@media only screen and (min-width:1024px) {
    .component-locations .content .content-info .cta-container a span {
        display: none
    }
}

.component-locations .content .content-info .cta-container a:hover {
    color: #beff00;
    text-decoration: none;
    border: 1px solid #beff00
}

@media only screen and (min-width:992px) {
    .component-locations .content .content-info .cta-container a {
        border: 1px solid #000;
        border-radius: 25px;
        font-size: 13px;
        line-height: 1;
        padding: 1.0625em 3em .9375em;
        font-family: "APKProtocol Regular";
        letter-spacing: -0.5px;
        text-decoration: none;
        cursor: pointer;
        color: #000
    }
}

@media only screen and (min-width:992px) {
    .component-locations .content .content-info .cta-container {
        margin-top: 0;
        margin-bottom: 0;
        display: flex;
        justify-content: flex-end;
        align-items: start
    }
}

.component-locations .content ul {
    list-style: none
}

@media only screen and (min-width:1024px) {
    .component-locations .content ul {
        margin-top: 1rem
    }
}

.component-locations .content ul li {
    color: #000;
    font-family: "APKProtocol Regular";
    padding-bottom: 0
}

.component-locations .margin-top {
    margin-top: 50px
}

.component-locations .margin-top__half {
    margin-top: 25px
}

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

.immersive-images-component .col-12 {
    padding-left: 6px;
    padding-right: 6px
}

@media only screen and (min-width:992px) {
    .immersive-images-component .col-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:992px) {
    .immersive-images-component .container {
        max-width: none;
        margin: 0;
        padding: 0
    }
}

.immersive-images-component .container-fluid {
    padding: 0
}

.immersive-images-component .item.left-image {
    padding-top: 56px;
    padding-right: 10px
}

@media screen and (max-width:calc(992px - 1px)) {
    .immersive-images-component .item.left-image {
        padding: 0
    }
}

.immersive-images-component .item.right-image {
    padding-top: 56px;
    padding-left: 10px
}

@media screen and (max-width:calc(992px - 1px)) {
    .immersive-images-component .item.right-image {
        padding: 0
    }
}

.immersive-images-component img {
    width: 100%;
    object-fit: cover;
    height: 350px
}

@media only screen and (min-width:768px) {
    .immersive-images-component img {
        height: 444px
    }
}

.immersive-images-component .slick-active,
.immersive-images-component .slick-current,
.immersive-images-component .slick-slide {
    outline: 0
}

.immersive-images-component .slick-list {
    padding: 0 5% 0 0
}

.featured-partners .brands-items {
    margin-bottom: 100px
}

@media only screen and (min-width:768px) {
    .featured-partners .brands-items {
        margin-bottom: 0
    }
}

.featured-partners .container {
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width:1024px) {
    .featured-partners .container {
        padding: 0 94px
    }
}

.featured-partners .container .row.d-flex {
    justify-content: space-between;
    align-items: baseline
}

.featured-partners h5.image-title {
    padding-bottom: 28px
}

.featured-partners img.img-brand {
    padding-top: 28px;
    max-width: 90%;
    height: auto
}

.featured-partners .brand-margin-top {
    margin-top: 6%
}

.featured-brand-partners .container {
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width:1024px) {
    .featured-brand-partners .container {
        padding: 0 94px
    }
}

.article-header-static-component {
    background-size: cover;
    background-position: center;
    height: calc(100vh - 72px);
    max-height: 710px;
    position: relative;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .article-header-static-component {
        height: calc(100vh - 88px)
    }
}

.article-header-static-component .container {
    height: 100%
}

@media only screen and (max-width:1024px) {
    .article-header-static-component .container {
        padding: 0 24px
    }
}

.article-header-static-component h2 {
    color: #fff;
    font-family: "APKProtocol Semibold";
    font-size: 42px;
    line-height: 48px
}

@media only screen and (min-width:576px) {
    .article-header-static-component h2 {
        font-size: 72px;
        line-height: 80px
    }
}

.article-header-static-component h5 {
    color: #fff;
    font-family: "APKProtocol SemiBold";
    margin-bottom: 15px
}

.article-header-static-component .background-mobile {
    position: absolute;
    background-size: cover;
    height: 100%;
    width: 100%
}

.article-header-static-component .article-text {
    margin-left: 8.5vw;
    height: 75%
}

@media only screen and (min-width:576px) {
    .article-header-static-component .article-text {
        height: 100%
    }
}

.article-header-static-component .article-text h2 {
    margin-bottom: 60px
}

@keyframes fromTop {
    0 {
        top: -100px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@keyframes fromBottom {
    0 {
        top: 0;
        opacity: 1
    }

    100% {
        top: -100px;
        opacity: 0
    }
}

.component-navigation--logo .navigationShare.immersiveShare {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.component-navigation--logo.showShare .navigationShare.immersiveShare {
    display: block;
    width: 100%;
    padding: 0 24px;
    display: flex;
    justify-content: space-between
}

.component-navigation--logo.showShare .navigationShare.immersiveShare #title {
    font-size: 15px
}

.component-navigation--logo.showShare .navigationShare.immersiveShare #title:hover,
.component-navigation--logo.showShare .navigationShare.immersiveShare #title:active {
    text-decoration: none;
    color: #000;
    box-shadow: 0 1px 0 #beff00, inset 0 -7px 0 #fff
}

.component-navigation--logo.showShare .navigationShare.immersiveShare .share-on a:active {
    opacity: .3
}

.component-navigation--logo.showShare .hamburger,
.component-navigation--logo.showShare .search-icon,
.component-navigation--logo.showShare .navigation-logo {
    display: none
}

.component-immersive-article-navigation {
    width: 100%;
    z-index: 95;
    margin-bottom: 30px
}

@media screen and (min-width:1024px) {
    .component-immersive-article-navigation {
        margin-bottom: 0
    }
}

.component-immersive-article-navigation--pageinfo {
    display: none
}

@media screen and (min-width:1024px) {
    .component-immersive-article-navigation .container {
        display: block;
        height: 100%;
        position: relative
    }
}

.component-immersive-article-navigation--contain {
    color: #212121;
    position: relative
}

@media screen and (min-width:1024px) {
    .component-immersive-article-navigation--contain {
        width: 140px;
        position: absolute;
        right: 0
    }
}

.component-immersive-article-navigation--contain-share {
    padding: 0 0 0 calc(16.87055477px);
    margin: 0;
    position: relative;
    display: inline-block
}

.component-immersive-article-navigation--contain-share .share-on {
    display: none
}

.component-immersive-article-navigation--contain-share .share-on a {
    font-size: 16px;
    line-height: 1;
    font-family: "APKProtocol Regular", sans-serif;
    letter-spacing: -0.5px;
    text-decoration: none;
    cursor: pointer;
    color: #000;
    display: inline-block
}

@media screen and (min-width:1024px) {
    .component-immersive-article-navigation--contain-share .share-on {
        visibility: hidden;
        position: absolute;
        top: 0;
        opacity: 0;
        transition-property: opacity;
        transition-duration: 500ms;
        transition-timing-function: ease-in
    }

    .component-immersive-article-navigation--contain-share .share-on a {
        margin-left: 25px
    }

    .component-immersive-article-navigation--contain-share .share-on a i {
        font-size: 14px
    }

    .component-immersive-article-navigation--contain-share .share-on a:hover i {
        opacity: .3
    }
}

.component-immersive-article-navigation--contain-share:hover .share-off {
    opacity: 0
}

.component-immersive-article-navigation--contain-share:hover .share-on {
    opacity: 1;
    visibility: visible
}

.component-immersive-article-navigation.scroll-postop {
    z-index: 100;
    display: none;
    height: 88px;
    position: fixed;
    top: -100px;
    left: 0
}

.component-immersive-article-navigation.scroll-postop.scroll-postop-in {
    top: 0;
    animation: fromTop 600ms ease
}

.component-immersive-article-navigation.scroll-postop.scroll-postop-out {
    top: 0;
    animation: fromBottom 600ms ease 200ms
}

@media screen and (min-width:1024px) {
    .component-immersive-article-navigation.scroll-postop {
        display: block
    }

    .component-immersive-article-navigation.scroll-postop .component--contain {
        height: 88px;
        position: relative;
        padding-left: 94px;
        padding-right: 94px
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--pageinfo {
        display: block;
        position: absolute;
        top: 46px;
        transform: translateY(-50%);
        left: 94px
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--pageinfo .title {
        font-family: "APKProtocol Regular";
        font-size: calc(15px - (2 * (1px - ((100vw - 1024px) / 416))));
        display: inline-block;
        cursor: pointer
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--pageinfo .title:hover,
    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--pageinfo .title:active {
        box-shadow: 0 1px 0 #beff00, inset 0 -7px 0 #fff
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--pageinfo .title>a {
        font-family: "APKProtocol Medium";
        color: #000;
        text-decoration: none
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--pageinfo .title>a span {
        display: inline-block;
        padding-right: 30px
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--pageinfo .title>a span:last-child {
        color: #8e8e8e;
        padding-right: 0
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--contain {
        position: absolute;
        right: 94px;
        width: auto;
        top: 46px;
        transform: translateY(-50%)
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--contain-overview,
    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--contain-share {
        display: inline-block;
        font-size: calc(14px - (2 * (1px - ((100vw - 1024px) / 416))))
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--contain-overview a,
    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--contain-share a {
        font-size: calc(14px - (2 * (1px - ((100vw - 1024px) / 416))))
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--contain-overview {
        padding-right: 18px
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--contain-share {
        border-style: none none;
        padding: 0 15px 0 20px;
        margin: 0
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--contain-share .share-on {
        position: relative;
        display: block;
        visibility: visible;
        opacity: 1;
        margin: 0
    }
}

@media screen and (min-width:1440px) {
    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--pageinfo .title {
        font-size: 15px
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--pageinfo .title:hover {
        box-shadow: 0 1px 0 #beff00, inset 0 -7px 0 #fff
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--contain-overview,
    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--contain-share {
        font-size: 14px
    }

    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--contain-overview a,
    .component-immersive-article-navigation.scroll-postop .component-immersive-article-navigation--contain-share a {
        font-size: 14px
    }
}

.immersive-brands-component .container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .immersive-brands-component .container {
        padding-right: 94px;
        padding-left: 94px
    }
}

.immersive-brands-component .imersive-brands-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center
}

.immersive-brands-component .imersive-brands-list li {
    margin: 0 0 31px;
    padding: 0 20px
}

.immersive-brands-component .imersive-brands-list li a {
    display: block
}

.immersive-brands-component .imersive-brands-list li img {
    max-width: 160px;
    height: 27px
}

@media(max-width:767px) {
    .immersive-brands-component .imersive-brands-list li img {
        max-width: 100%
    }
}

.immersive-brands-component .imersive-brands-list li.break {
    padding: 0;
    margin: 0;
    display: none
}

@media(min-width:1200px) {
    .immersive-brands-component .imersive-brands-list li.break {
        flex-basis: 100%;
        display: block
    }
}

@media(max-width:767px) and (min-width:576px) {
    .immersive-brands-component .imersive-brands-list li {
        flex-basis: 33.33%
    }

    .immersive-brands-component .imersive-brands-list li:nth-child(3),
    .immersive-brands-component .imersive-brands-list li:nth-child(3n+1) {
        padding-right: 0
    }

    .immersive-brands-component .imersive-brands-list li:nth-child(4),
    .immersive-brands-component .imersive-brands-list li:first-child,
    .immersive-brands-component .imersive-brands-list li:nth-child(3n+2) {
        padding-left: 0
    }

    .immersive-brands-component .imersive-brands-list li:nth-child(2),
    .immersive-brands-component .imersive-brands-list li:nth-child(5) {
        padding: 0 20px
    }
}

@media(max-width:576px) {
    .immersive-brands-component .imersive-brands-list li {
        flex-basis: 50%;
        padding: 0 20px 0 0
    }

    .immersive-brands-component .imersive-brands-list li:nth-child(2n+1),
    .immersive-brands-component .imersive-brands-list li:nth-child(2),
    .immersive-brands-component .imersive-brands-list li:nth-child(4) {
        padding: 0 0 0 20px
    }

    .immersive-brands-component .imersive-brands-list li:first-child,
    .immersive-brands-component .imersive-brands-list li:nth-child(3),
    .immersive-brands-component .imersive-brands-list li:nth-child(5) {
        padding: 0 20px 0 0
    }
}

@media(max-width:767px) {
    .immersive-brands-component .imersive-brands-list {
        justify-content: left
    }
}

.electronics-water-card-carousal .carousal-title {
    font-family: "APKProtocol Medium";
    margin: 0 !important;
    font-size: 42px;
    line-height: 48px;
    letter-spacing: -0.5px
}

.electronics-water-card-carousal .owl-stage-outer {
    padding-left: 0 !important
}

.electronics-water-card-carousal .row {
    margin: 0
}

.electronics-water-card-carousal .carousel-background {
    padding: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .electronics-water-card-carousal .carousal-title {
        font-size: 18px;
        line-height: 28px
    }
}

@media only screen and (max-width:767px) {
    .electronics-water-card-carousal .carousal-title {
        font-size: 18px;
        line-height: 28px
    }
}

.electronics-water-card-carousal .water-card-carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 2rem
}

.electronics-water-card-carousal .water-card-carousel .owl-stage-outer {
    max-width: 1440px;
    margin: 0 auto;
    overflow: visible
}

.electronics-water-card-carousal .water-card-carousel .owl-dot:focus {
    outline: 0
}

.electronics-water-card-carousal .water-card-carousel .owl-dot.active span,
.electronics-water-card-carousal .water-card-carousel .owl-dot.active:hover span {
    background-color: #000 !important
}

.electronics-water-card-carousal .water-card-carousel .owl-dot:hover span {
    background-color: #d6d6d6 !important
}

.electronics-water-card-carousal .water-card-carousel .owl-dots {
    display: block !important
}

.electronics-water-card-carousal .water-card-carousel .dashed-timeline,
.electronics-water-card-carousal .water-card-carousel .carousel-dots,
.electronics-water-card-carousal .water-card-carousel .owl-nav {
    display: none !important
}

.electronics-water-card-carousal .water-card-carousel .card-image {
    z-index: 1
}

.electronics-water-card-carousal .water-card-carousel .dashed-timeline {
    width: 778px;
    border: 1px dashed #000;
    margin-top: 52px;
    float: left
}

.electronics-water-card-carousal .water-card-carousel .carousel-dots {
    height: 12px;
    width: 12px;
    border: 3px solid #000;
    position: relative;
    float: left;
    left: 369px;
    border-radius: 6px;
    background: #fff;
    top: -7px;
    cursor: pointer
}

.electronics-water-card-carousal .water-card-carousel .card-view {
    width: 750px !important;
    float: left
}

.electronics-water-card-carousal .water-card-carousel .owl-item {
    width: 750px !important
}

.electronics-water-card-carousal .water-card-carousel .carousal-item-data {
    padding: 48px;
    border: 1px solid #000
}

.electronics-water-card-carousal .water-card-carousel .carousal-item-data h3 {
    overflow: hidden;
    text-overflow: ellipsis
}

.electronics-water-card-carousal .water-card-carousel .carousal-item-data,
.electronics-water-card-carousal .water-card-carousel .card-image {
    height: 498px;
    width: 375px;
    float: left;
    position: relative
}

.electronics-water-card-carousal .water-card-carousel .headline {
    font-family: "APKProtocol Medium";
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: -0.5px
}

.electronics-water-card-carousal .water-card-carousel .red-separator {
    width: 40px;
    height: 1px;
    margin-top: 24px;
    background-color: #fff
}

.electronics-water-card-carousal .water-card-carousel .carousal-text {
    height: 156px;
    font-family: "APKProtocol Regular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    text-align: left;
    margin-top: 40px;
    letter-spacing: -0.1px
}

.electronics-water-card-carousal .water-card-carousel .card-image {
    left: 1px
}

.electronics-water-card-carousal .water-card-carousel .read-outer {
    display: table;
    bottom: 48px;
    position: absolute
}

.electronics-water-card-carousal .water-card-carousel .read {
    font-family: "APKProtocol Regular";
    letter-spacing: -0.5px;
    float: left;
    font-size: 16px;
    margin-right: 13px
}

.electronics-water-card-carousal .water-card-carousel .small-arrow {
    font-size: 16px;
    line-height: 0
}

.electronics-water-card-carousal .water-card-carousel .play_button {
    position: absolute;
    z-index: 1;
    height: 56px;
    width: 56px !important;
    top: 221px;
    left: 159.5px
}

.electronics-water-card-carousal .water-card-carousel .card-image-bg {
    width: 100% !important;
    height: 100% !important
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .electronics-water-card-carousal .water-card-carousel .dashed-timeline {
        width: 643.16px;
        margin-top: 56px
    }

    .electronics-water-card-carousal .water-card-carousel .carousel-dots {
        left: 300px
    }

    .electronics-water-card-carousal .water-card-carousel .owl-item {
        width: 615.16px !important
    }

    .electronics-water-card-carousal .water-card-carousel .carousal-item-data,
    .electronics-water-card-carousal .water-card-carousel .card-image {
        height: 553px;
        width: 306px;
        float: left
    }

    .electronics-water-card-carousal .water-card-carousel .play_button {
        top: 248.5px;
        left: 125px
    }

    .electronics-water-card-carousal .water-card-carousel .carousal-text {
        height: 208px;
        margin-top: 32px
    }

    .electronics-water-card-carousal .water-card-carousel .read-outer {
        bottom: 40px
    }

    .electronics-water-card-carousal .water-card-carousel .carousal-item-data {
        padding: 40px
    }

    .electronics-water-card-carousal .water-card-carousel .red-separator {
        margin-top: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .electronics-water-card-carousal .water-card-carousel .dashed-timeline {
        width: 498px;
        margin-top: 47px
    }

    .electronics-water-card-carousal .water-card-carousel .carousel-dots {
        left: 227px
    }

    .electronics-water-card-carousal .water-card-carousel .owl-item {
        width: 470px !important
    }

    .electronics-water-card-carousal .water-card-carousel .carousal-item-data,
    .electronics-water-card-carousal .water-card-carousel .card-image {
        height: 473px;
        width: 233px;
        float: left
    }

    .electronics-water-card-carousal .water-card-carousel .play_button {
        top: 208.5px;
        left: 88.5px
    }

    .electronics-water-card-carousal .water-card-carousel .carousal-item-data {
        padding: 32px
    }

    .electronics-water-card-carousal .water-card-carousel .carousal-text {
        height: 216px;
        font-size: 14px;
        margin-top: 16px
    }

    .electronics-water-card-carousal .water-card-carousel .read-outer {
        bottom: 32px
    }

    .electronics-water-card-carousal .water-card-carousel .headline {
        font-size: 24px
    }

    .electronics-water-card-carousal .water-card-carousel .red-separator {
        width: 24px;
        margin-top: 16px
    }
}

@media only screen and (max-width:767px) {
    .electronics-water-card-carousal .water-card-carousel .dashed-timeline {
        width: 283px
    }

    .electronics-water-card-carousal .water-card-carousel .carousel-dots {
        left: 127.5px
    }

    .electronics-water-card-carousal .water-card-carousel .owl-item {
        width: 255px !important
    }

    .electronics-water-card-carousal .water-card-carousel .card-image {
        height: 240px;
        width: 255px;
        float: left
    }

    .electronics-water-card-carousal .water-card-carousel .play_button {
        top: 92px;
        left: 99.5px
    }

    .electronics-water-card-carousal .water-card-carousel .carousal-item-data {
        height: 360px;
        width: 255px;
        float: left
    }

    .electronics-water-card-carousal .water-card-carousel .carousal-item-data {
        padding: 24px
    }

    .electronics-water-card-carousal .water-card-carousel .carousal-text {
        height: 192px;
        font-size: 14px;
        margin-top: 12px
    }

    .electronics-water-card-carousal .water-card-carousel .headline {
        font-size: 24px;
        overflow: hidden
    }

    .electronics-water-card-carousal .water-card-carousel .red-separator {
        width: 16px;
        margin-top: 12px
    }

    .electronics-water-card-carousal .water-card-carousel .read-outer {
        bottom: 24px
    }

    .electronics-water-card-carousal .water-card-carousel .card-image {
        top: 1px;
        left: 0
    }
}

.electronics-water-card-carousal .water-card-carousel .owl-stage {
    left: 0 !important;
    display: flex
}

.electronics-water-card-carousal .water-card-carousel .owl-item {
    display: flex
}

.electronics-water-card-carousal .water-card-carousel .owl-nav {
    display: flex;
    justify-content: space-between
}

.electronics-water-card-carousal .water-card-carousel .owl-nav button {
    margin: 0;
    padding: 0;
    line-height: 100% !important;
    height: 24px
}

.electronics-water-card-carousal .water-card-carousel .owl-nav button:active {
    border: 0
}

.electronics-water-card-carousal .water-card-carousel .owl-nav button:visited {
    border: 0
}

.electronics-water-card-carousal .water-card-carousel .owl-nav button:link {
    border: 0
}

.electronics-water-card-carousal .water-card-carousel .owl-nav button:focus {
    border: 0
}

.electronics-water-card-carousal .water-card-carousel .owl-next {
    width: 16px;
    text-align: left;
    margin: 0
}

.electronics-water-card-carousal .water-card-carousel .owl-prev {
    width: 16px;
    text-align: right;
    margin: 0
}

.electronics-water-card-carousal .water-card-carousel .owl-dots {
    margin-top: -26px;
    pointer-events: none
}

.electronics-water-card-carousal .water-card-carousel .owl-dots .owl-dot {
    pointer-events: auto
}

.electronics-water-card-carousal .owl-carousel .owl-item img {
    width: 101%
}

.electronics-water-card-carousal .owl-carousel .owl-item img.arrow-red {
    width: 16.5px;
    height: 7px;
    margin: 5px 0 0 0
}

.electronics-water-card-carousal .background-white svg {
    fill: #3495e8 !important
}

.electronics-water-card-carousal .background-white .st0 {
    fill: #3495e8 !important
}

.electronics-water-card-carousal .background-white .st1 {
    fill: #3495e8 !important
}

.electronics-water-card-carousal .background-white .disabled svg {
    fill: #cccfd3 !important
}

.electronics-water-card-carousal .background-white .disabled .st1 {
    fill: #cccfd3 !important
}

.electronics-water-card-carousal .background-white .disabled .st0 {
    fill: #cccfd3 !important
}

.electronics-water-card-carousal .background-white .water-card-carousel .owl-dot.active span,
.electronics-water-card-carousal .background-white .card-carousel .owl-dot.active span {
    background: #3495e8 !important
}

.electronics-water-card-carousal .background-white .water-card-carousel .owl-dot span,
.electronics-water-card-carousal .background-white .card-carousel .owl-dot span {
    background: #cccfd3 !important
}

.electronics-water-card-carousal .background-white .water-card-carousel .owl-dot:hover span,
.electronics-water-card-carousal .background-white .card-carousel .owl-dot:hover span {
    background: #3495e8 !important
}

.electronics-water-card-carousal .background-grey svg {
    fill: #3495e8 !important
}

.electronics-water-card-carousal .background-grey .st0 {
    fill: #3495e8 !important
}

.electronics-water-card-carousal .background-grey .st1 {
    fill: #3495e8 !important
}

.electronics-water-card-carousal .background-grey .water-card-carousel .owl-dot.active span {
    background: #3495e8 !important
}

.electronics-water-card-carousal .background-grey .water-card-carousel .owl-dot span {
    background: #cccfd3 !important
}

.electronics-water-card-carousal .background-grey .water-card-carousel .owl-dot:hover span {
    background: #3495e8 !important
}

.electronics-water-card-carousal .background-transparent svg {
    fill: #3495e8 !important
}

.electronics-water-card-carousal .background-transparent .st0 {
    fill: #3495e8 !important
}

.electronics-water-card-carousal .background-transparent .st1 {
    fill: #3495e8 !important
}

.electronics-water-card-carousal .background-light-blue svg {
    fill: #fff !important
}

.electronics-water-card-carousal .background-light-blue .st0 {
    fill: #fff !important
}

.electronics-water-card-carousal .background-light-blue .st1 {
    fill: #fff !important
}

.electronics-water-card-carousal .background-light-blue button.disabled svg {
    fill: #2b598c !important
}

.electronics-water-card-carousal .background-light-blue button.disabled .st1 {
    fill: #2b598c !important
}

.electronics-water-card-carousal .background-light-blue button.disabled .st0 {
    fill: #2b598c !important
}

.electronics-water-card-carousal .background-light-blue .water-card-carousel .owl-dot.active span,
.electronics-water-card-carousal .background-light-blue .card-carousel .owl-dot.active span {
    background: #2b598c !important
}

.electronics-water-card-carousal .background-light-blue .water-card-carousel .owl-dot span,
.electronics-water-card-carousal .background-light-blue .card-carousel .owl-dot span {
    background: #FFF !important
}

.electronics-water-card-carousal .background-light-blue .water-card-carousel .owl-dot:hover span,
.electronics-water-card-carousal .background-light-blue .card-carousel .owl-dot:hover span {
    background: #2b598c !important
}

.electronics-water-card-carousal .dark svg {
    fill: #fff !important
}

.electronics-water-card-carousal .dark .st0 {
    fill: #fff !important
}

.electronics-water-card-carousal .dark .st1 {
    fill: #fff !important
}

.electronics-water-card-carousal .dark button.disabled svg {
    fill: #2b598c !important
}

.electronics-water-card-carousal .dark button.disabled .st1 {
    fill: #2b598c !important
}

.electronics-water-card-carousal .dark button.disabled .st0 {
    fill: #2b598c !important
}

.electronics-water-card-carousal .dark .water-card-carousel .owl-dot.active span,
.electronics-water-card-carousal .dark .card-carousel .owl-dot.active span {
    background: #2b598c !important
}

.electronics-water-card-carousal .dark .water-card-carousel .owl-dot span,
.electronics-water-card-carousal .dark .card-carousel .owl-dot span {
    background: #FFF !important
}

.electronics-water-card-carousal .dark .water-card-carousel .owl-dot:hover span,
.electronics-water-card-carousal .dark .card-carousel .owl-dot:hover span {
    background: #2b598c !important
}

.electronics-water-card-carousal .background-medium-blue svg {
    fill: #FFF !important
}

.electronics-water-card-carousal .background-medium-blue .st0 {
    fill: #FFF !important
}

.electronics-water-card-carousal .background-medium-blue .st1 {
    fill: #FFF !important
}

.electronics-water-card-carousal .background-medium-blue button.disabled svg {
    fill: #102537 !important
}

.electronics-water-card-carousal .background-medium-blue button.disabled .st1 {
    fill: #102537 !important
}

.electronics-water-card-carousal .background-medium-blue button.disabled .st0 {
    fill: #102537 !important
}

.electronics-water-card-carousal .background-medium-blue .water-card-carousel .owl-dot.active span,
.electronics-water-card-carousal .background-medium-blue .card-carousel .owl-dot.active span {
    background: #102537 !important
}

.electronics-water-card-carousal .background-medium-blue .water-card-carousel .owl-dot span,
.electronics-water-card-carousal .background-medium-blue .card-carousel .owl-dot span {
    background: #FFF !important
}

.electronics-water-card-carousal .background-medium-blue .water-card-carousel .owl-dot:hover span,
.electronics-water-card-carousal .background-medium-blue .card-carousel .owl-dot:hover span {
    background: #102537 !important
}

.electronics-water-card-carousal .background-dark-blue svg {
    fill: #FFF !important
}

.electronics-water-card-carousal .background-dark-blue .st0 {
    fill: #FFF !important
}

.electronics-water-card-carousal .background-dark-blue .st1 {
    fill: #FFF !important
}

.electronics-water-card-carousal .background-dark-blue button.disabled svg {
    fill: #2b598c !important
}

.electronics-water-card-carousal .background-dark-blue button.disabled .st1 {
    fill: #2b598c !important
}

.electronics-water-card-carousal .background-dark-blue button.disabled .st0 {
    fill: #2b598c !important
}

.electronics-water-card-carousal .background-dark-blue .water-card-carousel .owl-dot.active span,
.electronics-water-card-carousal .background-dark-blue .card-carousel .owl-dot.active span {
    background: #2b598c !important
}

.electronics-water-card-carousal .background-dark-blue .water-card-carousel .owl-dot span,
.electronics-water-card-carousal .background-dark-blue .card-carousel .owl-dot span {
    background: #FFF !important
}

.electronics-water-card-carousal .background-dark-blue .water-card-carousel .owl-dot:hover span,
.electronics-water-card-carousal .background-dark-blue .card-carousel .owl-dot:hover span {
    background: #2b598c !important
}

.electronics-water-card-carousal .light svg {
    fill: #FFF !important
}

.electronics-water-card-carousal .light .st0 {
    fill: #FFF !important
}

.electronics-water-card-carousal .light .st1 {
    fill: #FFF !important
}

.electronics-water-card-carousal .light button.disabled svg {
    fill: #2b598c !important
}

.electronics-water-card-carousal .light button.disabled .st1 {
    fill: #2b598c !important
}

.electronics-water-card-carousal .light button.disabled .st0 {
    fill: #2b598c !important
}

.electronics-water-card-carousal .light .water-card-carousel .owl-dot.active span,
.electronics-water-card-carousal .light .card-carousel .owl-dot.active span {
    background: #2b598c !important
}

.electronics-water-card-carousal .light .water-card-carousel .owl-dot span,
.electronics-water-card-carousal .light .card-carousel .owl-dot span {
    background: #FFF !important
}

.electronics-water-card-carousal .light .water-card-carousel .owl-dot:hover span,
.electronics-water-card-carousal .light .card-carousel .owl-dot:hover span {
    background: #2b598c !important
}

.electronics-water-card-carousal .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent
}

.electronics-water-card-carousal .owl-item .card {
    width: 100%
}

@media(min-width:801px) {
    .electronics-water-card-carousal .owl-item .card {
        flex-basis: 100%;
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }
}

@media(min-width:601px) {

    .electronics-water-card-carousal .water-card-carousel .owl-next,
    .electronics-water-card-carousal .card-carousel .owl-next {
        width: 33%;
        width: 35%
    }

    .electronics-water-card-carousal .water-card-carousel .owl-prev,
    .electronics-water-card-carousal .card-carousel .owl-prev {
        width: 33%;
        width: 35%
    }

    .electronics-water-card-carousal .owl-item .card {
        flex-basis: 100%;
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }
}

.electronics-water-card-carousal .owl-stage-outer {
    padding-left: 94px !important
}

@media screen and (max-width:1023px) {
    .electronics-water-card-carousal .owl-stage-outer {
        padding-left: 33px !important
    }
}

@supports(-ms-ime-align:auto) {
    .owl-stage {
        width: 2340px;
        transform: translate3d(-1560px, 0, 0)
    }

    @media(max-width:1023px) {
        .owl-stage .carousal-item-data .carousal-text {
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden
        }
    }
}

:focus {
    outline: 0
}

.NewsCTitle .see_text a:hover {
    color: #beff00
}

.NewsCTitle .see_text a:after {
    content: "\279D";
    float: right;
    padding-left: 28px;
    font-size: 23px;
    position: relative;
    bottom: 10px
}

.NewsCTitle:hover {
    color: #beff00
}

.NewsCTitle span.see_text a {
    font-family: APKProtocol Regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.NewsCTitle span.see_text a:hover,
.NewsCTitle span.red_link:hover {
    color: #beff00
}

.NewsCTitle .news_title {
    padding-left: 25px
}

#mixedSlider i.prev-slider {
    color: #212121;
    font-size: 25px;
    cursor: pointer
}

#mixedSlider i.prev-slider:hover,
#mixedSlider i.prev-slider:focus,
#mixedSlider i.next-slider:hover,
#mixedSlider i.next-slider:focus {
    color: #beff00
}

#mixedSlider i.next-slider {
    color: #212121;
    padding-left: 56px;
    font-size: 25px;
    cursor: pointer
}

.NewsCarcousal.small_text {
    font-family: APKProtocol Regular;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.55;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding-bottom: 5px
}

.NewsCarcousal.heading_title h5 {
    font-family: APKProtocol Regular;
    font-size: 26px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: 0;
    text-align: left;
    color: black;
    padding-bottom: 5px
}

.NewsCarcousal .content_text {
    max-height: 100px;
    overflow: hidden;
    font-family: APKProtocol Regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: 0;
    text-align: left;
    color: #212121
}

.NewsCarcousal .small_text {
    font-family: APKProtocol Regular;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.55;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.parent-slide {
    padding: 15px
}

.NewsCarcousal img {
    display: block;
    margin: auto
}

.NewsCarcousal .electronics-card-carousal.aem-GridColumn.aem-GridColumn--default--12 {
    padding-bottom: 50px
}

.NewsCarcousal .slick-slide>div {
    padding: 0 51px
}

.NewsCarcousal .MS-controls {
    text-align: center
}

.NewsCarcousal .slick-prev:before {
    content: "←";
    color: gray;
    font-size: 25px
}

.NewsCarcousal .slick-next:before {
    content: "→";
    color: gray;
    font-size: 25px
}

.NewsCarcousal button.slick-next.slick-arrow {
    position: absolute;
    right: 51%;
    bottom: 0;
    margin-bottom: 56px
}

.NewsCarcousal .slick-prev.slick-disabled:before,
.NewsCarcousal .slick-next.slick-disabled:before {
    opacity: 1
}

.NewsCarcousal .slick-prev:hover:before,
.NewsCarcousal .slick-prev:focus:before,
.NewsCarcousal .slick-next:hover:before,
.NewsCarcousal .slick-next:focus:before {
    color: #beff00
}

.NewsCarcousal button.slick-prev.slick-arrow {
    position: absolute;
    left: 42%;
    bottom: 0;
    margin-bottm: 56px
}

div .NewsCarcousal {
    padding-bottom: 65px
}

.NewsCTitle h3.news_title {
    font-family: APKProtocol Medium;
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: 0;
    text-align: left;
    color: #000;
    display: inline-block;
    margin-bottom: 70px
}

.NewsCarcousal .heading_title a h5 {
    font-family: APKProtocol Regular;
    font-size: 26px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: 0;
    text-align: left;
    color: #000;
    padding-bottom: 5px
}

.NewsCarcousal .heading_title a h5:hover {
    color: #666
}

.main_news_title span.see_text a.red_link {
    padding-left: 16px;
    font-size: 20px;
    cursor: pointer
}

.NewsCTitle span.see_text {
    display: inline;
    float: right;
    font-family: APKProtocol Regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left
}

.container1 .main_news_title {
    margin-bottom: 56px;
    margin-top: 107px
}

@media only screen and (min-width:1200px) {
    .NewsCarcousal .heading_title a h5 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 85px;
        display: -webkit-box !important;
        overflow: hidden
    }

    .NewsCarcousal .content_text {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        height: 75px;
        display: -webkit-box !important;
        overflow: hidden
    }
}

@media(min-width:599px) and (max-width:1999px) {
    .NewsCarcousal .heading_title a h5 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 95px;
        display: -webkit-box !important;
        overflow: hidden
    }

    .NewsCarcousal .content_text {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        height: 75px;
        display: -webkit-box !important;
        overflow: hidden
    }

    .NewsCarcousal .slick-slide {
        border-right: 1px solid #dadada
    }
}

@media only screen and (max-width:600px) {
    div .NewsCarcousal {
        padding-bottom: 47px
    }

    .NewsCarcousal .content_text {
        font-family: APKProtocol Regular;
        line-height: 1.36;
        letter-spacing: normal;
        color: #212121
    }

    .NewsCarcousal .heading_title h5 {
        font-family: APKProtocol Regular;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: left;
        color: black
    }

    .NewsCarcousal .slick-slide:last-child {
        border: 0
    }

    .NewsCarcousal .slick-slide {
        border: 0
    }

    span.see_text {
        display: inline;
        float: right;
        font-family: APKProtocol Medium;
        font-size: 11px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.55;
        letter-spacing: normal;
        text-align: left
    }

    .main_news_title h3.news_title {
        padding-bottom: 15px;
        font-family: APKProtocol Medium;
        font-size: 24px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.31;
        letter-spacing: 0;
        text-align: left;
        color: #000;
        display: inline-block;
        margin-bottom: 35px
    }

    .NewsCarcousal .heading_title a h5 {
        font-family: APKProtocol Regular;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.23;
        letter-spacing: 0;
        text-align: left;
        color: #000;
        padding-bottom: 5px
    }

    .NewsCarcousal .heading_title a h5:hover {
        color: #666
    }

    .NewsCarcousal button.slick-prev.slick-arrow {
        position: absolute;
        left: 30%;
        bottom: 0;
        padding-bottom: 85px
    }

    .MS-content.slider.slick-initialized.slick-slider {
        padding-left: 0
    }

    .NewsCarcousal button.slick-next.slick-arrow {
        position: absolute;
        right: 40%;
        bottom: 0;
        padding-bottom: 85px
    }
}

@media only screen and (max-width:600px) and (max-width:768px) {
    .main_news_title h3.news_title {
        padding-bottom: 0
    }
}

.NewsCarcousal .item.slide.slick-slide {
    padding-left: 15px;
    padding-right: 15px
}

.NewsCarcousal {
    overflow: hidden
}

.NewsCarcousal .slick-list {
    max-width: calc(1252px);
    margin: 0 auto;
    width: calc(100vw - (33px * 2));
    overflow: visible;
    padding: 10px 0;
    margin: 0 auto
}

@media screen and (min-width:1024px) {
    .NewsCarcousal .slick-list {
        width: calc(100vw - (102.5px * 2))
    }
}

@media screen and (max-width:959px) {
    .NewsCarcousal .slick-list {
        margin: 0 0 0 33px;
        width: calc(100vw - 33px)
    }
}

.NewsCarcousal .slick-list .slick-slide {
    padding-top: 10px
}

.NewsCarcousal .slick-list .slick-slide:first-child>div {
    padding-left: 0
}

.NewsCarcousal .slick-list .slick-slide:last-child {
    border: 0
}

.NewsCarcousal .slick-list .slick-slide:last-child>div {
    padding-right: 0;
    border: 0
}

.NewsCarousel_Title {
    max-width: calc(1252px);
    width: calc(100vw - (33px * 2));
    margin: 0 auto;
    padding: 0
}

@media screen and (min-width:1024px) {
    .NewsCarousel_Title {
        width: calc(100vw - (102.5px * 2))
    }
}

.NewsCarousel_Title .news_TItitle {
    padding-left: 0
}

@media(max-width:768px) {
    #mixedSlider {
        margin: 0 33px
    }

    .NewsCarcousal .slick-list {
        width: auto;
        margin: 0;
        padding: 0
    }

    .NewsCarcousal .slick-list .slick-slide {
        border: 0;
        padding: 0
    }

    .NewsCarcousal .slick-list .slick-slide>div {
        padding: 0;
        border: 0
    }
}

.relatedVideos .list-block,
.relatedVideos .list-text,
.relatedVideos .list-image,
.relatedVideos .list-image img {
    height: 186px !important
}

.relatedVideos .list-text {
    word-break: break-word;
    padding: 30px
}

@media only screen and (max-width:991px) {
    .relatedVideos .list-text {
        padding: 20px
    }
}

.relatedVideos .play_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 56px !important
}

.list-image-text-container .container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .list-image-text-container .container {
        padding-right: 94px;
        padding-left: 94px
    }
}

.list-image-text-container .list-image-text-hdng h2 {
    padding: 0 0 55px 0
}

.list-image-text-container .list-image-text-hdng h3 {
    margin-bottom: 56px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .list-image-text-container .list-image-text-hdng h3 {
        margin-bottom: 48px
    }
}

@media(max-width:576px) {
    .list-image-text-container .list-image-text-hdng h3 {
        margin-bottom: 32px
    }
}

.list-image-text-container .list-text-hdng h5 {
    overflow: hidden;
    text-overflow: ellipsis
}

.list-image-text-container .list-text-hdng h5 a:hover {
    color: #000
}

.list-image-text-container .list-block,
.list-image-text-container .list-text,
.list-image-text-container .list-image {
    float: left
}

.list-image-text-container .list-block {
    margin-bottom: 30px
}

.list-image-text-container .list-block .list-image {
    padding: 0;
    height: 246px
}

.list-image-text-container .list-block .list-image img {
    width: 100%;
    height: 246px
}

.list-image-text-container .list-block .list-text {
    margin: 0;
    padding: 25px 30px 25px 30px;
    height: 246px;
    border: 1px solid #e1e1e1
}

.list-image-text-container .list-block .list-text .divider {
    width: 24px;
    border-bottom: solid 1px #beff00;
    margin: 0
}

.list-image-text-container .list-block .list-text .list-text-description {
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: APKProtocol Regular;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    margin-top: 8px;
    letter-spacing: .5px;
    color: #606060
}

.list-image-text-container .tertiery-CTA {
    text-align: left;
    position: absolute;
    margin-bottom: 0;
    bottom: 10px
}

.list-image-text-container .tertiery-CTA a {
    color: #000;
    text-decoration: none;
    font-family: "APKProtocol Regular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: -0.5px
}

.list-image-text-container .tertiery-CTA a:hover {
    color: #beff00
}

.list-image-text-container .tertiery-CTA a:after {
    content: '→';
    margin-left: 8px
}

.list-image-text-container .tertiery-CTA a span {
    padding: 0 0 0 15px;
    color: #beff00;
    font-size: 18px
}

.list-image-text-container .tertiery-CTA a img {
    margin: -2px 0 0 13px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .list-image-text-container .list-image-text-hdng h1 {
        padding: 0;
        margin: 0 0 50px 0;
        font-size: 32px
    }

    .list-image-text-container .list-image-text-content .list-block {
        height: auto
    }

    .list-image-text-container .list-image-text-content .list-block img {
        width: 343px;
        height: 193px
    }

    .list-image-text-container .list-image-text-content .list-image {
        height: 193px !important
    }

    .list-image-text-container .list-image-text-content .list-image img {
        height: 193px !important
    }

    .list-image-text-container .list-image-text-content .list-text {
        height: 214px
    }

    .list-image-text-container .list-image-text-content .tertiery-CTA {
        margin-top: 27.5px
    }
}

@media only screen and (max-width:767px) {
    .list-image-text-container .list-image-text-hdng h1 {
        padding: 0;
        margin: 0 0 30px 0
    }

    .list-image-text-container .list-image-text-content .list-block {
        display: block;
        margin: 0 0 30px 0
    }

    .list-image-text-container .list-image-text-content .list-block img {
        height: 172px
    }

    .list-image-text-container .tertiery-CTA a img {
        margin: 0 0 0 13px
    }
}

.list-block.gated-link .list-image {
    position: relative
}

.list-block.gated-link .list-image a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    left: 0;
    top: 0;
    cursor: pointer
}

.list-block.gated-link .list-text {
    position: relative
}

.list-block.gated-link .list-text:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: -1;
    left: 0;
    top: 0
}

.list-block.gated-link:hover .list-image a:after {
    background-color: rgba(0, 0, 0, 0.2)
}

.list-block.gated-link:hover .list-text:after {
    background-color: rgba(0, 0, 0, 0.2)
}

.electronics-water-rt-card-carousal {
    overflow: hidden
}

.electronics-water-rt-card-carousal .container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .electronics-water-rt-card-carousal .container {
        padding-right: 94px;
        padding-left: 94px
    }
}

.electronics-water-rt-card-carousal h2,
.electronics-water-rt-card-carousal .carousal-desc {
    margin-bottom: 56px
}

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

    .electronics-water-rt-card-carousal h2,
    .electronics-water-rt-card-carousal .carousal-desc {
        margin-bottom: 48px
    }
}

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

    .electronics-water-rt-card-carousal h2,
    .electronics-water-rt-card-carousal .carousal-desc {
        margin-bottom: 32px
    }
}

.electronics-water-rt-card-carousal .carousal-title {
    font-family: "APKProtocol Medium";
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0
}

.electronics-water-rt-card-carousal .carousal-desc {
    font-family: "APKProtocol Regular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: -0.1px
}

.electronics-water-rt-card-carousal .row {
    margin: 0
}

.electronics-water-rt-card-carousal.no-carousel .container>.row {
    margin: -15px
}

.electronics-water-rt-card-carousal .owl-dots,
.electronics-water-rt-card-carousal .owl-nav {
    display: none !important
}

.electronics-water-rt-card-carousal .carousal-title-main {
    font-size: 42px;
    font-family: "APKProtocol Medium" !important;
    margin-bottom: 56px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .electronics-water-rt-card-carousal .carousal-title {
        font-size: 24px;
        margin-bottom: 16px;
        margin-left: 0 !important
    }

    .electronics-water-rt-card-carousal .carousal-title-main {
        font-size: 32px;
        margin-bottom: 48px
    }

    .electronics-water-rt-card-carousal .carousal-desc {
        font-size: 14px;
        margin-left: 0
    }
}

@media only screen and (max-width:767px) {
    .electronics-water-rt-card-carousal .carousal-title {
        margin-left: 0 !important;
        font-size: 24px
    }

    .electronics-water-rt-card-carousal .carousal-title-main {
        font-size: 32px;
        margin-bottom: 32px
    }

    .electronics-water-rt-card-carousal .carousal-desc {
        margin-left: 0;
        font-size: 14px
    }
}

.electronics-water-rt-card-carousal .slider-nav {
    width: 100%;
    padding-right: 171.7px;
    margin: 25px auto;
    max-width: 1440px
}

.electronics-water-rt-card-carousal .slider-nav button {
    background: transparent;
    border: 0
}

.electronics-water-rt-card-carousal .slider-nav span {
    font-size: 36px
}

.electronics-water-rt-card-carousal .slider-nav .slider-next,
.electronics-water-rt-card-carousal .slider-nav .slider-prev {
    width: 36px;
    float: right;
    cursor: pointer
}

.electronics-water-rt-card-carousal .slider-nav .slider-next:focus,
.electronics-water-rt-card-carousal .slider-nav .slider-prev:focus {
    outline: 0
}

.electronics-water-rt-card-carousal .slider-nav .slider-next.disabled,
.electronics-water-rt-card-carousal .slider-nav .slider-prev.disabled {
    cursor: default
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .electronics-water-rt-card-carousal .slider-nav {
        padding-right: 140px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .electronics-water-rt-card-carousal .slider-nav {
        padding-right: 114px
    }
}

@media only screen and (max-width:767px) {
    .electronics-water-rt-card-carousal .slider-nav {
        padding-right: 48px
    }
}

.electronics-water-rt-card-carousal:not(.no-carousel) .water-card-rt-view-carousel .card-image-bg,
.electronics-water-rt-card-carousal:not(.no-carousel) .water-card-rt-view-carousel .card-image,
.electronics-water-rt-card-carousal:not(.no-carousel) .water-card-rt-view-carousel .card-image img {
    height: 200px;
    width: 357.7px;
    float: left
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel {
    margin: 0 auto;
    max-width: 1440px;
    overflow: visible;
    position: relative;
    width: 100%;
    margin-top: 0
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-stage-outer {
    max-width: 1440px !important;
    overflow: visible;
    margin: 0 94px
}

@media only screen and (max-width:1023px) {
    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-stage-outer {
        margin: 0 33px
    }
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .dashed-timeline {
    width: 778px;
    border: 1px dashed #beff00;
    margin-top: 52px;
    float: left
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousel-dots {
    height: 12px;
    width: 12px;
    border: 3px solid #beff00;
    position: relative;
    float: left;
    left: 369px;
    border-radius: 6px;
    background: #fff;
    top: -7px;
    cursor: pointer
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-view {
    border: .9px solid #e1e1e1
}

.no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-view {
    border: 0;
    margin-bottom: 30px
}

.no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-view .row {
    border: .9px solid #e1e1e1;
    margin-bottom: 30px;
    height: 100%
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-view,
.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-item {
    width: 360px;
    height: 468px
}

.no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-view {
    width: 100%;
    height: 468px
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousal-item-data {
    padding: 18.8px 32px;
    float: left;
    height: 268px
}

.no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousal-item-data {
    padding: 18.8px 32px 55px;
    float: none
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image {
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    transform: rotate(-360deg);
    border: .9px solid #e1e1e1
}

.no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .row>.related-anchor {
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    height: 200px
}

.no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel.related-fullbg .row>.related-anchor {
    height: 100%
}

.no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image-bg,
.no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image,
.no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image img {
    height: 200px;
    width: 100%
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .headline {
    font-family: "APKProtocol Regular";
    font-size: 26px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: -0.5px
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .red-separator {
    width: 30px;
    height: 1px;
    margin-top: 8px;
    background-color: #fff
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousal-text {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    margin-top: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.1px
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .read-outer {
    position: absolute;
    bottom: 18px
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel a.cust-arrow::after {
    content: '→';
    margin-left: 8px;
    position: relative;
    top: -1px
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel a.cust-arrow:hover {
    color: #666
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .read {
    font-size: 16px;
    font-family: "APKProtocol Regular";
    letter-spacing: -0.5px;
    float: left;
    margin-right: 13px
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .small-arrow {
    width: 16.5px !important;
    height: auto;
    vertical-align: middle;
    float: left;
    line-height: 0;
    margin: 4px 0
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .video__preview-play {
    position: relative;
    z-index: 1;
    height: 56px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .dashed-timeline {
        width: 643.16px;
        margin-top: 56px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousel-dots {
        left: 300px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-view,
    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-item {
        width: 293.2px;
        height: 447px
    }

    .no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-view {
        width: unset;
        height: 468px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image-bg {
        height: 163.5px;
        width: 291.2px
    }

    .no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image-bg {
        width: 100%
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image,
    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image img {
        height: 163.5px;
        width: 291.2px;
        float: left
    }

    .no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image {
        width: 100%
    }

    .no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image img {
        width: 100%
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousal-text {
        line-height: 2
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousal-item-data {
        padding: 15px 26.1px 24px 26.1px;
        height: 283.5px
    }

    .no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousal-item-data {
        height: unset
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .red-separator {
        margin-top: 4.1px;
        width: 24.4px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .read-outer {
        bottom: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousal-title {
        margin-left: 0 !important
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .dashed-timeline {
        width: 498px;
        margin-top: 47px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousel-dots {
        left: 227px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-view,
    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-item {
        width: 219.8px;
        height: 411px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image-bg {
        height: 122.2px;
        width: 218.3px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image,
    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image img {
        height: 122.2px;
        width: 218.3px;
        float: left
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousal-item-data {
        padding: 11.5px 19.5px 18px 19.5px;
        height: 288.8px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousal-text {
        font-size: 12px;
        margin-top: 6px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .headline {
        line-height: 1.4;
        font-size: 20px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .red-separator {
        width: 18.3px;
        margin-top: 20px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .read-outer {
        bottom: 18px
    }
}

@media only screen and (max-width:767px) {
    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousal-title {
        margin-left: 0 !important
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .dashed-timeline {
        width: 283px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousel-dots {
        left: 127.5px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-view,
    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-item {
        width: 219.8px;
        height: 411px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image-bg {
        height: 122.2px;
        width: 218.3px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image,
    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image img {
        height: 122.2px;
        width: 218.3px;
        float: left
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousal-item-data {
        padding: 11.7px 19.5px 18px 19.5px;
        height: 288.8px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousal-text {
        font-size: 12px;
        margin-top: 6px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .headline {
        font-size: 20px;
        line-height: 1.4
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .red-separator {
        width: 18.3px;
        margin-top: 1.2px
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .read-outer {
        bottom: 18px
    }
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-stage {
    left: 0;
    display: flex;
    padding-left: 0 !important
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-item {
    display: flex
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-nav {
    display: flex;
    justify-content: space-between
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-nav button {
    margin: 0;
    padding: 0;
    line-height: 100% !important;
    height: 24px
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-nav button:active {
    border: 0
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-nav button:visited {
    border: 0
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-nav button:link {
    border: 0
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-nav button:focus {
    border: 0
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-next {
    width: 16px;
    text-align: left;
    margin: 0
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-prev {
    width: 16px;
    text-align: right;
    margin: 0
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-dots {
    margin-top: -26px;
    pointer-events: none
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-dots .owl-dot {
    pointer-events: auto
}

.electronics-water-rt-card-carousal .background-white svg {
    fill: #3495e8 !important
}

.electronics-water-rt-card-carousal .background-white .st0 {
    fill: #3495e8 !important
}

.electronics-water-rt-card-carousal .background-white .st1 {
    fill: #3495e8 !important
}

.electronics-water-rt-card-carousal .background-white .disabled svg {
    fill: #cccfd3 !important
}

.electronics-water-rt-card-carousal .background-white .disabled .st1 {
    fill: #cccfd3 !important
}

.electronics-water-rt-card-carousal .background-white .disabled .st0 {
    fill: #cccfd3 !important
}

.electronics-water-rt-card-carousal .background-white .water-card-rt-view-carousel .owl-dot.active span,
.electronics-water-rt-card-carousal .background-white .water-card-carousel .owl-dot.active span,
.electronics-water-rt-card-carousal .background-white .card-carousel .owl-dot.active span {
    background: #3495e8 !important
}

.electronics-water-rt-card-carousal .background-white .water-card-rt-view-carousel .owl-dot span,
.electronics-water-rt-card-carousal .background-white .water-card-carousel .owl-dot span,
.electronics-water-rt-card-carousal .background-white .card-carousel .owl-dot span {
    background: #cccfd3 !important
}

.electronics-water-rt-card-carousal .background-white .water-card-rt-view-carousel .owl-dot:hover span,
.electronics-water-rt-card-carousal .background-white .water-card-carousel .owl-dot:hover span,
.electronics-water-rt-card-carousal .background-white .card-carousel .owl-dot:hover span {
    background: #3495e8 !important
}

.electronics-water-rt-card-carousal .background-grey svg {
    fill: #3495e8 !important
}

.electronics-water-rt-card-carousal .background-grey .st0 {
    fill: #3495e8 !important
}

.electronics-water-rt-card-carousal .background-grey .st1 {
    fill: #3495e8 !important
}

.electronics-water-rt-card-carousal .background-grey .water-card-rt-view-carousel .owl-dot.active span,
.electronics-water-rt-card-carousal .background-grey .water-card-carousel .owl-dot.active span {
    background: #3495e8 !important
}

.electronics-water-rt-card-carousal .background-grey .water-card-rt-view-carousel .owl-dot span,
.electronics-water-rt-card-carousal .background-grey .water-card-carousel .owl-dot span {
    background: #cccfd3 !important
}

.electronics-water-rt-card-carousal .background-grey .water-card-rt-view-carousel .owl-dot:hover span,
.electronics-water-rt-card-carousal .background-grey .water-card-carousel .owl-dot:hover span {
    background: #3495e8 !important
}

.electronics-water-rt-card-carousal .background-transparent svg {
    fill: #3495e8 !important
}

.electronics-water-rt-card-carousal .background-transparent .st0 {
    fill: #3495e8 !important
}

.electronics-water-rt-card-carousal .background-transparent .st1 {
    fill: #3495e8 !important
}

.electronics-water-rt-card-carousal .background-light-blue svg {
    fill: #fff !important
}

.electronics-water-rt-card-carousal .background-light-blue .st0 {
    fill: #fff !important
}

.electronics-water-rt-card-carousal .background-light-blue .st1 {
    fill: #fff !important
}

.electronics-water-rt-card-carousal .background-light-blue button.disabled svg {
    fill: #2b598c !important
}

.electronics-water-rt-card-carousal .background-light-blue button.disabled .st1 {
    fill: #2b598c !important
}

.electronics-water-rt-card-carousal .background-light-blue button.disabled .st0 {
    fill: #2b598c !important
}

.electronics-water-rt-card-carousal .background-light-blue .water-card-rt-view-carousel .owl-dot.active span,
.electronics-water-rt-card-carousal .background-light-blue .water-card-carousel .owl-dot.active span,
.electronics-water-rt-card-carousal .background-light-blue .card-carousel .owl-dot.active span {
    background: #2b598c !important
}

.electronics-water-rt-card-carousal .background-light-blue .water-card-rt-view-carousel .owl-dot span,
.electronics-water-rt-card-carousal .background-light-blue .water-card-carousel .owl-dot span,
.electronics-water-rt-card-carousal .background-light-blue .card-carousel .owl-dot span {
    background: #FFF !important
}

.electronics-water-rt-card-carousal .background-light-blue .water-card-rt-view-carousel .owl-dot:hover span,
.electronics-water-rt-card-carousal .background-light-blue .water-card-carousel .owl-dot:hover span,
.electronics-water-rt-card-carousal .background-light-blue .card-carousel .owl-dot:hover span {
    background: #2b598c !important
}

.electronics-water-rt-card-carousal .dark svg {
    fill: #fff !important
}

.electronics-water-rt-card-carousal .dark .st0 {
    fill: #fff !important
}

.electronics-water-rt-card-carousal .dark .st1 {
    fill: #fff !important
}

.electronics-water-rt-card-carousal .dark button.disabled svg {
    fill: #2b598c !important
}

.electronics-water-rt-card-carousal .dark button.disabled .st1 {
    fill: #2b598c !important
}

.electronics-water-rt-card-carousal .dark button.disabled .st0 {
    fill: #2b598c !important
}

.electronics-water-rt-card-carousal .dark .water-card-rt-view-carousel .owl-dot.active span,
.electronics-water-rt-card-carousal .dark .water-card-carousel .owl-dot.active span,
.electronics-water-rt-card-carousal .dark .card-carousel .owl-dot.active span {
    background: #2b598c !important
}

.electronics-water-rt-card-carousal .dark .water-card-rt-view-carousel .owl-dot span,
.electronics-water-rt-card-carousal .dark .water-card-carousel .owl-dot span,
.electronics-water-rt-card-carousal .dark .card-carousel .owl-dot span {
    background: #FFF !important
}

.electronics-water-rt-card-carousal .dark .water-card-rt-view-carousel .owl-dot:hover span,
.electronics-water-rt-card-carousal .dark .water-card-carousel .owl-dot:hover span,
.electronics-water-rt-card-carousal .dark .card-carousel .owl-dot:hover span {
    background: #2b598c !important
}

.electronics-water-rt-card-carousal .background-medium-blue svg {
    fill: #FFF !important
}

.electronics-water-rt-card-carousal .background-medium-blue .st0 {
    fill: #FFF !important
}

.electronics-water-rt-card-carousal .background-medium-blue .st1 {
    fill: #FFF !important
}

.electronics-water-rt-card-carousal .background-medium-blue button.disabled svg {
    fill: #102537 !important
}

.electronics-water-rt-card-carousal .background-medium-blue button.disabled .st1 {
    fill: #102537 !important
}

.electronics-water-rt-card-carousal .background-medium-blue button.disabled .st0 {
    fill: #102537 !important
}

.electronics-water-rt-card-carousal .background-medium-blue .water-card-rt-view-carousel .owl-dot.active span,
.electronics-water-rt-card-carousal .background-medium-blue .water-card-carousel .owl-dot.active span,
.electronics-water-rt-card-carousal .background-medium-blue .card-carousel .owl-dot.active span {
    background: #102537 !important
}

.electronics-water-rt-card-carousal .background-medium-blue .water-card-rt-view-carousel .owl-dot span,
.electronics-water-rt-card-carousal .background-medium-blue .water-card-carousel .owl-dot span,
.electronics-water-rt-card-carousal .background-medium-blue .card-carousel .owl-dot span {
    background: #FFF !important
}

.electronics-water-rt-card-carousal .background-medium-blue .water-card-rt-view-carousel .owl-dot:hover span,
.electronics-water-rt-card-carousal .background-medium-blue .water-card-carousel .owl-dot:hover span,
.electronics-water-rt-card-carousal .background-medium-blue .card-carousel .owl-dot:hover span {
    background: #102537 !important
}

.electronics-water-rt-card-carousal .background-dark-blue svg {
    fill: #FFF !important
}

.electronics-water-rt-card-carousal .background-dark-blue .st0 {
    fill: #FFF !important
}

.electronics-water-rt-card-carousal .background-dark-blue .st1 {
    fill: #FFF !important
}

.electronics-water-rt-card-carousal .background-dark-blue button.disabled svg {
    fill: #2b598c !important
}

.electronics-water-rt-card-carousal .background-dark-blue button.disabled .st1 {
    fill: #2b598c !important
}

.electronics-water-rt-card-carousal .background-dark-blue button.disabled .st0 {
    fill: #2b598c !important
}

.electronics-water-rt-card-carousal .background-dark-blue .water-card-rt-view-carousel .owl-dot.active span,
.electronics-water-rt-card-carousal .background-dark-blue .water-card-carousel .owl-dot.active span,
.electronics-water-rt-card-carousal .background-dark-blue .card-carousel .owl-dot.active span {
    background: #2b598c !important
}

.electronics-water-rt-card-carousal .background-dark-blue .water-card-rt-view-carousel .owl-dot span,
.electronics-water-rt-card-carousal .background-dark-blue .water-card-carousel .owl-dot span,
.electronics-water-rt-card-carousal .background-dark-blue .card-carousel .owl-dot span {
    background: #FFF !important
}

.electronics-water-rt-card-carousal .background-dark-blue .water-card-rt-view-carousel .owl-dot:hover span,
.electronics-water-rt-card-carousal .background-dark-blue .water-card-carousel .owl-dot:hover span,
.electronics-water-rt-card-carousal .background-dark-blue .card-carousel .owl-dot:hover span {
    background: #2b598c !important
}

.electronics-water-rt-card-carousal .light svg {
    fill: #FFF !important
}

.electronics-water-rt-card-carousal .light .st0 {
    fill: #FFF !important
}

.electronics-water-rt-card-carousal .light .st1 {
    fill: #FFF !important
}

.electronics-water-rt-card-carousal .light button.disabled svg {
    fill: #2b598c !important
}

.electronics-water-rt-card-carousal .light button.disabled .st1 {
    fill: #2b598c !important
}

.electronics-water-rt-card-carousal .light button.disabled .st0 {
    fill: #2b598c !important
}

.electronics-water-rt-card-carousal .light .water-card-rt-view-carousel .owl-dot.active span,
.electronics-water-rt-card-carousal .light .water-card-carousel .owl-dot.active span,
.electronics-water-rt-card-carousal .light .card-carousel .owl-dot.active span {
    background: #2b598c !important
}

.electronics-water-rt-card-carousal .light .water-card-rt-view-carousel .owl-dot span,
.electronics-water-rt-card-carousal .light .water-card-carousel .owl-dot span,
.electronics-water-rt-card-carousal .light .card-carousel .owl-dot span {
    background: #FFF !important
}

.electronics-water-rt-card-carousal .light .water-card-rt-view-carousel .owl-dot:hover span,
.electronics-water-rt-card-carousal .light .water-card-carousel .owl-dot:hover span,
.electronics-water-rt-card-carousal .light .card-carousel .owl-dot:hover span {
    background: #2b598c !important
}

.electronics-water-rt-card-carousal .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent
}

.electronics-water-rt-card-carousal .owl-item .card {
    width: 100%
}

@media(min-width:351px) {
    .electronics-water-rt-card-carousal .carousel-background {
        padding: 20px 0
    }
}

@media(min-width:801px) {

    .electronics-water-rt-card-carousal .water-card-carousel .owl-stage,
    .electronics-water-rt-card-carousal .card-carousel .owl-stage {
        left: -20px
    }

    .electronics-water-rt-card-carousal .owl-item .card {
        flex-basis: 100%;
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }
}

@media(min-width:601px) {

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-next,
    .electronics-water-rt-card-carousal .water-card-carousel .owl-next,
    .electronics-water-rt-card-carousal .card-carousel .owl-next {
        width: 33%;
        width: 35%
    }

    .electronics-water-rt-card-carousal .water-card-rt-view-carousel .owl-prev,
    .electronics-water-rt-card-carousal .water-card-carousel .owl-prev,
    .electronics-water-rt-card-carousal .card-carousel .owl-prev {
        width: 33%;
        width: 35%
    }

    .electronics-water-rt-card-carousal .owl-item .card {
        flex-basis: 100%;
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }
}

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

    .electronics-water-rt-card-carousal:not(.no-carousel) .water-card-rt-view-carousel.half-bg .card-image,
    .electronics-water-rt-card-carousal:not(.no-carousel) .water-card-rt-view-carousel.half-bg .card-image img,
    .electronics-water-rt-card-carousal:not(.no-carousel) .water-card-rt-view-carousel.half-bg .card-image-bg {
        height: 122.2px !important;
        width: 218.3px !important
    }
}

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

    .electronics-water-rt-card-carousal:not(.no-carousel) .water-card-rt-view-carousel.half-bg .card-image,
    .electronics-water-rt-card-carousal:not(.no-carousel) .water-card-rt-view-carousel.half-bg .card-image img,
    .electronics-water-rt-card-carousal:not(.no-carousel) .water-card-rt-view-carousel.half-bg .card-image-bg {
        height: 122.2px !important;
        width: 218.3px !important
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .electronics-water-rt-card-carousal:not(.no-carousel) .water-card-rt-view-carousel.half-bg .card-image,
    .electronics-water-rt-card-carousal:not(.no-carousel) .water-card-rt-view-carousel.half-bg .card-image img,
    .electronics-water-rt-card-carousal:not(.no-carousel) .water-card-rt-view-carousel.half-bg .card-image-bg {
        height: 163.5px !important;
        width: 291.2px !important
    }
}

.electronics-water-rt-card-carousal .related-fullbg .card-view .row {
    width: 100%;
    height: 100%
}

.electronics-water-rt-card-carousal .related-fullbg .card-view .row .card-image {
    height: 100%;
    width: 100%;
    border: 0
}

.electronics-water-rt-card-carousal .related-fullbg .card-view .row .card-image-bg {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2)
}

.electronics-water-rt-card-carousal .related-fullbg .card-view .row .carousal-item-data {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 320px;
    padding-top: 50px;
    width: 100%
}

.electronics-water-rt-card-carousal .related-fullbg .card-view .row .carousal-item-data .cust-arrow {
    color: inherit
}

.electronics-water-rt-card-carousal .related-fullbg .card-view .row .carousal-item-data .cust-arrow:after {
    content: '→';
    margin-left: 8px;
    position: relative;
    top: -1px
}

.electronics-water-rt-card-carousal .related-fullbg .card-view .row .carousal-item-data .cust-arrow:hover {
    color: #beff00
}

.electronics-water-rt-card-carousal .related-fullbg .card-view .row a.related-anchor:hover {
    color: initial
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel .card-image .card-image--play-icon {
    width: 50px !important;
    height: 50px !important;
    position: absolute;
    float: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.electronics-water-rt-card-carousal .water-card-rt-view-carousel.related-fullbg .card-image .card-image--play-icon {
    display: none
}

.electronics-water-rt-card-carousal a:hover {
    color: #beff00
}

.foundation-head-size h1.headline {
    font-size: 42px !important;
    line-height: 46px !important;
    letter-spacing: 0
}

@media only screen and (min-width:768px) {
    .foundation-head-size h1.headline {
        font-size: 60px !important;
        line-height: 64px !important
    }
}

.foundation-head-size h2.headline {
    font-size: 32px !important;
    line-height: 38px !important;
    letter-spacing: -0.5px
}

@media only screen and (min-width:768px) {
    .foundation-head-size h2.headline {
        font-size: 42px !important;
        line-height: 48px !important
    }
}

.foundation-head-size h3.headline {
    font-size: 24px !important;
    line-height: 32px !important;
    letter-spacing: -0.5px
}

@media only screen and (min-width:768px) {
    .foundation-head-size h3.headline {
        font-size: 32px !important;
        line-height: 38px !important
    }
}

.foundation-head-size h4.headline {
    font-size: 20px !important;
    line-height: 28px !important;
    letter-spacing: 0
}

@media only screen and (min-width:768px) {
    .foundation-head-size h4.headline {
        font-size: 26px !important;
        line-height: 32px !important
    }
}

.foundation-head-size h5.headline {
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0
}

@media only screen and (min-width:768px) {
    .foundation-head-size h5.headline {
        font-size: 18px !important;
        line-height: 24px !important
    }
}

.foundation-head-size h6.headline {
    font-size: 1rem !important;
    line-height: 1.2 !important;
    letter-spacing: 0
}

.twoup-med-head .headline {
    font-family: "APKProtocol Medium" !important
}

.no-carousel.electronics-water-rt-card-carousal .card-view {
    display: none
}

.no-carousel.electronics-water-rt-card-carousal .card-view:nth-child(-n+3) {
    display: block
}

.no-carousel.electronics-water-rt-card-carousal.loaded-more .card-view {
    display: block
}

.no-carousel.electronics-water-rt-card-carousal.loaded-more .related-load-more {
    display: none
}

.no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .carousal-text {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.no-carousel.electronics-water-rt-card-carousal .water-card-rt-view-carousel .headline {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.cmp-2-up.dark-tint a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 15px;
    background-image: linear-gradient(to bottom right, #000, #000);
    opacity: .4;
    width: calc(100% - 30px);
    height: 100%
}

.water-download-share.container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .water-download-share.container {
        padding-right: 94px;
        padding-left: 94px
    }
}

@media(max-width:767px) {
    .water-download-share .share-component {
        margin-left: 0;
        margin-right: 0
    }
}

.water-download-share .share-component .ds-item {
    padding: 0 15px
}

.water-download-share .share-component .head {
    line-height: 24px;
    font-size: 18px;
    font-family: "APKProtocol Semibold";
    display: block
}

.water-download-share .share-component .actionimg a:hover svg * {
    stroke: #666
}

.water-download-share .share-component .actionimg a:hover .head {
    color: #666 !important
}

.water-download-share .share-component .actionimg img,
.water-download-share .share-component .actionimg svg {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: transparent !important;
    border-radius: 50px;
    position: absolute;
    top: 0
}

.water-download-share .share-component .action-content {
    margin-left: 40px;
    padding-left: 15px
}

.water-download-share .share-component>.ds-item {
    position: relative
}

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

    .water-download-share .share-component .actionimg img,
    .water-download-share .share-component .actionimg svg {
        width: 32px;
        height: 32px
    }
}

@media only screen and (max-width:767px) {
    .water-download-share .share-component .ds-item {
        padding: 0 !important
    }

    .water-download-share .share-component .ds-item:not(:first-child) {
        margin-top: 24px !important
    }

    .water-download-share .share-component .body2 {
        font-size: 12px !important;
        line-height: 24px !important
    }

    .water-download-share .share-component .action-content {
        margin-left: 32px
    }
}

.downloadshare.default_hover_effect .water-download-share .actionimg a:hover svg * {
    stroke: #666
}

.downloadshare.default_hover_effect .water-download-share .actionimg a:hover .head {
    color: #666 !important
}

.component-link-description {
    font-family: "APKProtocol Regular";
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.component-link-description:hover svg * {
    stroke: #0c5b4e
}

.component-link-description:hover .ldLink p,
.component-link-description:hover .ldLink p span,
.component-link-description:hover .ldLink span {
    color: #0c5b4e !important
}

.component-link-description .ldIcon {
    width: 40px;
    float: left;
    margin-right: 17px;
    margin-left: 17px
}

.component-link-description .ldParent {
    float: left
}

.component-link-description .ldLink {
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 1.33;
    font-family: "APKProtocol Semibold"
}

.component-link-description .ldLink p {
    margin-bottom: 7.5px;
    padding: 0
}

.component-link-description .ldLink p span {
    font-family: "APKProtocol Semibold"
}

.component-link-description .ldParent {
    width: calc(100% - 74px)
}

.component-link-description .ldDesc,
.component-link-description .ldDesc p {
    font-family: "APKProtocol Regular";
    font-size: 14.53px;
    line-height: 1.71
}

.component-link-description .ldLink,
.component-link-description .ldDesc {
    width: auto;
    margin-right: 17px
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .component-link-description .ldLink,
    .component-link-description .ldDesc {
        width: auto
    }
}

@media(max-width:991px) {

    .component-link-description .ldLink,
    .component-link-description .ldDesc {
        width: 100%
    }

    .component-link-description .ldIcon {
        width: 32px;
        margin-top: 0 !important
    }

    .component-link-description .ldLink,
    .component-link-description a {
        font-size: 14px;
        line-height: 1.43
    }

    .component-link-description .ldDesc {
        font-size: 12px;
        line-height: 2
    }
}

@media only screen and (min-width:651px) and (max-width:767px) {
    .component-link-description .ldIcon {
        width: 32px;
        margin-top: 0 !important
    }

    .component-link-description .ldParent {
        width: calc(100% - 66px)
    }
}

@media only screen and (max-width:650px) {
    .component-link-description .ldIcon {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .component-link-description .ldLink {
        float: left;
        width: 100%
    }

    .component-link-description .ldParent {
        width: calc(100% - 49px)
    }
}

@media only screen and (max-width:650px) {
    .ldContainer {
        padding-left: 0 !important
    }
}

.red-border .component-link-description {
    width: 100%;
    float: left;
    border: 1px solid #beff00;
    border-radius: 3px;
    padding: 12px;
    position: relative
}

@media(min-width:481px) and (max-width:767px) {
    .red-border .component-link-description {
        max-width: 220px
    }
}

.red-border .component-link-description a {
    font-weight: normal
}

.red-border .component-link-description .ldIcon {
    margin-left: 0;
    margin-right: 0
}

@media(max-width:767px) {
    .red-border .component-link-description .ldIcon {
        width: 32px
    }
}

.red-border .component-link-description .ldParent {
    position: absolute;
    top: 50%;
    left: 52px;
    padding: 0 12px;
    transform: translate(0, -50%);
    width: calc(66%)
}

@media(min-width:1023px) {
    .red-border .component-link-description .ldParent {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media(max-width:650px) {
    .red-border .component-link-description .ldParent {
        left: 44px
    }
}

.red-border .component-link-description p {
    margin: 0
}

.red-border .component-link-description .body1 {
    line-height: 20px
}

.grey-background .component-link-description {
    float: left;
    background-color: rgba(225, 225, 225, 0.2);
    padding: 12px
}

.grey-background .component-link-description .ldParent {
    padding: 0;
    left: 64px
}

@media(max-width:991px) {
    .grey-background .component-link-description .ldParent {
        left: 48px
    }
}

.grey-background .component-link-description .ldIcon {
    margin-right: 12px
}

@media(max-width:991px) {
    .grey-background .component-link-description .ldIcon {
        width: 24px
    }
}

.grey-background .component-link-description .ldLink,
.grey-background .component-link-description a {
    margin: 0 !important
}

.grey-background .component-link-description .ldLink p,
.grey-background .component-link-description a p,
.grey-background .component-link-description .ldLink p span,
.grey-background .component-link-description a p span {
    font-family: "APKProtocol Regular" !important;
    font-size: 16px !important;
    line-height: 20px;
    letter-spacing: -0.1px
}

@media(max-width:991px) {

    .grey-background .component-link-description .ldLink p,
    .grey-background .component-link-description a p,
    .grey-background .component-link-description .ldLink p span,
    .grey-background .component-link-description a p span {
        font-size: 14px !important;
        line-height: 18px
    }
}

.grey-background .component-link-description:hover {
    background-color: #fff
}

.grey-background .component-link-description:hover svg * {
    stroke: #beff00
}

.grey-background .component-link-description:hover .ldLink {
    width: 100%;
    margin: 0 !important
}

.grey-background .component-link-description:hover .ldLink p,
.grey-background .component-link-description:hover .ldLink p span,
.grey-background .component-link-description:hover .ldLink span {
    color: #000 !important
}

@media(max-width:650px) {
    .show-in-desktop-tablet {
        display: none !important
    }
}

@media(min-width:651px) {
    .show-in-desktop-tablet {
        display: block !important
    }
}

.show-in-mobile-only .component-link-description {
    max-width: 263px
}

@media(max-width:650px) {
    .show-in-mobile-only {
        display: block !important
    }
}

@media(min-width:651px) {
    .show-in-mobile-only {
        display: none !important
    }
}

.component-link-description:hover a svg *,
.component-link-description:hover a span {
    color: #0c5b4e !important;
    stroke: #0c5b4e
}

.downloadshare.ds-two-columns .share-component {
    display: flex;
    flex-wrap: wrap
}

.downloadshare.ds-two-columns .share-component .col-md-4 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%
}

@media(max-width:767px) {
    .downloadshare.ds-two-columns .share-component .col-md-4 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }
}

.heroVideo .container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .heroVideo .container {
        padding-right: 94px;
        padding-left: 94px
    }
}

.heroVideo video {
    margin: 0 auto;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 520px;
    object-fit: cover;
    transition: 1s opacity;
    vertical-align: middle
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .heroVideo video {
        height: 400px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .heroVideo video {
        height: 440px
    }
}

@media only screen and (max-width:767px) {
    .heroVideo video {
        height: 320px
    }
}

.heroVideo .heroImage-Text h1 {
    font-size: 42px !important;
    line-height: 46px !important
}

@media only screen and (max-width:767px) {
    .heroVideo .heroImage-Text h1 {
        font-size: 32px !important;
        line-height: 36px !important
    }
}

@supports(-ms-ime-align:auto) {
    .heroVideo video {
        height: auto
    }
}

.component-locations .container .divider {
    width: 100%;
    background: #000;
    height: 1px
}

@media only screen and (max-width:calc(575px)) {
    .component-locations .container {
        padding-left: 33px;
        padding-right: 33px
    }
}

.component-locations nav {
    overflow-x: auto;
    width: 100%;
    height: 85px;
    background: #f6f6f6;
    display: flex;
    align-items: center
}

@media only screen and (max-width:calc(576px - 1px)) {
    .component-locations nav {
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 999
    }
}

@media only screen and (min-width:768px) {
    .component-locations nav {
        justify-content: center
    }
}

@media only screen and (min-width:1024px) {
    .component-locations nav {
        justify-content: center
    }
}

.component-locations nav ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0
}

.component-locations nav ul li {
    padding: 0 28px
}

.component-locations nav ul li a {
    color: #212121;
    font-family: 'APKProtocol Regular';
    font-size: 18px;
    line-height: 1.3;
    text-decoration: none;
    display: block;
    width: max-content;
    padding: 5px 0
}

.component-locations nav ul li:hover a,
.component-locations nav ul li:active a {
    color: #666
}

.component-locations .scroll-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 100
}

.component-locations .header a {
    text-decoration: none
}

.component-locations .header a:hover {
    color: #666;
    text-decoration: none
}

.component-locations .header-title {
    padding-bottom: .5em;
    padding-top: 100px;
    margin-bottom: 10px
}

.component-locations .header span {
    color: #000;
    font-family: "APKProtocol Regular";
    font-size: 14px
}

.component-locations .header a {
    color: #000;
    font-family: "APKProtocol Regular";
    font-size: 14px;
    line-height: 1.5;
    margin-right: 15px
}

@media only screen and (min-width:992px) {
    .component-locations .header a {
        margin-right: 0
    }
}

.component-locations .header .row.d-flex.justify-content-between {
    margin-top: 15px
}

.component-locations .header .row.d-flex.justify-content-between:last-child {
    font-weight: 900
}

.component-locations .header .row.d-flex.justify-content-between.main-line a {
    display: none
}

@media only screen and (min-width:992px) {
    .component-locations .header .row.d-flex.justify-content-between.main-line a {
        display: unset;
        margin-left: 8px;
        font-weight: 900
    }

    .component-locations .header .row.d-flex.justify-content-between.main-line .col-5 {
        display: flex
    }

    .component-locations .header .row.d-flex.justify-content-between.main-line .col-5:last-child {
        justify-content: flex-end
    }
}

@media only screen and (min-width:992px) {
    .component-locations .header .row.d-flex.justify-content-between.secondary-line a {
        display: none
    }
}

.component-locations .content .content-info {
    margin-bottom: 25px
}

.component-locations .content .content-info .info-header {
    margin-bottom: 50px
}

.component-locations .content .content-info .info-header ul {
    margin: 0
}

.component-locations .content .content-info .info-header .title,
.component-locations .content .content-info .info-header .subtitle {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    color: #212121;
    font-size: 16px;
    margin-bottom: 7px
}

@media only screen and (min-width:768px) {

    .component-locations .content .content-info .info-header .title,
    .component-locations .content .content-info .info-header .subtitle {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -0.1px
    }
}

.component-locations .content .content-info .info-header .title {
    color: #000
}

.component-locations .content .content-info .info-header .subtitle {
    color: #d8d8d8
}

.component-locations .content .content-info .address-section {
    padding: 25px 32px;
    border: 1px solid #d8d8d8;
    min-height: 140px
}

@media only screen and (min-width:992px) {
    .component-locations .content .content-info .address-section {
        max-width: 640px;
        padding: 10px
    }
}

.component-locations .content .content-info .address-section .address {
    margin-bottom: 30px
}

@media screen and (min-width:23.4375em) {
    .component-locations .content .content-info .address-section .address {
        font-size: calc(0.75em + 0.25 * ((100vw - 23.4375em) / 66.5625))
    }
}

@media screen and (min-width:1440px) {
    .component-locations .content .content-info .address-section .address {
        font-size: 1em
    }
}

@media only screen and (min-width:1024px) {
    .component-locations .content .content-info .address-section .address {
        margin-top: 25px;
        margin-bottom: 25px;
        margin-left: 42px
    }
}

.component-locations .content .content-info .address-section .phone {
    margin: 0
}

@media screen and (min-width:23.4375em) {
    .component-locations .content .content-info .address-section .phone {
        font-size: calc(0.75em + 0.25 * ((100vw - 23.4375em) / 66.5625))
    }
}

@media screen and (min-width:1440px) {
    .component-locations .content .content-info .address-section .phone {
        font-size: 1em
    }
}

@media only screen and (min-width:1024px) {
    .component-locations .content .content-info .address-section .phone {
        margin-top: 25px;
        margin-right: 36px
    }
}

.component-locations .content .content-info .cta-container {
    margin-top: 15px;
    display: flex;
    margin-bottom: 50px
}

.component-locations .content .content-info .cta-container a {
    color: #000;
    margin-left: auto;
    text-decoration: none
}

.component-locations .content .content-info .cta-container a span {
    margin-left: 15px
}

@media only screen and (min-width:1024px) {
    .component-locations .content .content-info .cta-container a span {
        display: none
    }
}

.component-locations .content .content-info .cta-container a:hover {
    color: #beff00;
    text-decoration: none;
    border: 1px solid #beff00
}

@media only screen and (min-width:992px) {
    .component-locations .content .content-info .cta-container a {
        border: 1px solid #000;
        border-radius: 25px;
        font-size: 13px;
        line-height: 1;
        padding: 1.0625em 3em .9375em;
        font-family: "APKProtocol Regular";
        letter-spacing: -0.5px;
        text-decoration: none;
        cursor: pointer;
        color: #000
    }
}

@media only screen and (min-width:992px) {
    .component-locations .content .content-info .cta-container {
        margin-top: 0;
        margin-bottom: 0;
        display: flex;
        justify-content: flex-end;
        align-items: start
    }
}

.component-locations .content ul {
    list-style: none
}

@media only screen and (min-width:1024px) {
    .component-locations .content ul {
        margin-top: 1rem
    }
}

.component-locations .content ul li {
    color: #000;
    font-family: "APKProtocol Regular";
    padding-bottom: 0
}

.component-locations .margin-top {
    margin-top: 50px
}

.component-locations .margin-top__half {
    margin-top: 25px
}

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

.cstm-check {
    padding-left: 15px
}

.cstm-check input[type="checkbox"] {
    display: none
}

.cstm-check input[type="checkbox"]+label {
    padding-left: 33px;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/checkbox-checked.png') no-repeat left 2px;
    background-size: 21px 21px;
    margin-bottom: 28px;
    color: #212121;
    cursor: pointer;
    margin-bottom: 0
}

.cstm-check input[type="checkbox"]:checked+label,
.cstm-check input[type="checkbox"]:disabled:checked+label {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/checkbox-checked-green.png') no-repeat left 2px;
    background-size: 21px 21px
}

.cstm-check input[type="checkbox"]:disabled+label {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/checkbox-checked.png') no-repeat left 2px;
    background-size: 21px 21px;
    cursor: not-allowed
}

.cstm-check span {
    padding-left: 33px;
    margin-bottom: 28px;
    display: block;
    font-size: 12px
}

.signUpForm #buOrg-groups .cstm-check label {
    height: 28px;
    background-size: 26px 26px
}

@media screen and (max-width:1023px) {
    .container.signUpForm {
        padding: 0 33px
    }
}

.signupbtns {
    display: none
}

.signUpForm .form-footnote.credits {
    color: #606060;
    margin-top: 15px
}

.signUpForm .form-footnote.credits a {
    font-size: 11px;
    font-family: "APKProtocol Bold";
    color: #000
}

.signUpForm .form-footnote.credits a:hover {
    color: #666
}

.signupEditIcon {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/editSignup.png') no-repeat center;
    background-size: 100%;
    width: 42px;
    height: 42px;
    position: relative;
    bottom: 10px
}

@media screen and (max-width:575px) {
    .signupEditIcon {
        width: 30px;
        height: 30px;
        bottom: 4px
    }
}

.container .required {
    color: #f00 !important
}

.container .required a {
    font-size: inherit;
    color: inherit;
    text-decoration: underline;
    font-family: "APKProtocol Bold"
}

.selectize-input {
    padding: 8px 18px
}

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

    #signupForm,
    #editForm {
        padding-left: 40px;
        padding-right: 40px
    }
}

#signupForm .title-desc,
#editForm .title-desc {
    padding-bottom: 35px !important
}

@media(min-width:768px) {

    #signupForm .title-desc,
    #editForm .title-desc {
        padding-left: 20px;
        padding-right: 20px
    }
}

#signupForm .selectize-input,
#editForm .selectize-input {
    top: 0 !important;
    width: 100% !important
}

#signupForm .selectize-dropdown.single.form-control,
#editForm .selectize-dropdown.single.form-control {
    top: 40px !important;
    width: 100% !important
}

#signupForm .business-unit-start .business-unit-sub-list label,
#editForm .business-unit-start .business-unit-sub-list label {
    margin-bottom: 5px
}

#signupForm #buListHeading {
    margin-left: 20px
}

#signupForm #buListHeading .form-title {
    font-size: 24px
}

#signupForm #buListHeading p {
    font-size: 14px;
    margin-bottom: 5px
}

.formgroup-signup {
    padding-bottom: 0 !important
}

@media(min-width:767px) {
    .formgroup-signup {
        padding-left: 20px;
        padding-right: 20px
    }
}

.formgroup-signup label {
    font-size: 14px !important;
    font-weight: normal !important;
    color: black !important;
    padding-left: 0 !important;
    margin-bottom: 3px
}

.formgroup-signup .form-control {
    height: 40px !important
}

.formgroup-signup .selectize-input {
    position: absolute !important
}

.formgroup-signup .selectize-input.items.has-options.full.has-items {
    top: 0 !important
}

.formgroup-signup .selectize-input input {
    color: #a2a2a2
}

.formgroup-signup .selectize-input.dropdown-active:after {
    top: 0 !important
}

.optin-fields {
    width: 100% !important;
    margin-left: 15px;
    margin-right: 15px
}

@media(min-width:1024px) {
    .optin-fields {
        margin-left: 35px;
        margin-right: 35px
    }
}

.optin-fields .optin-check {
    padding: 0 !important;
    color: #858585;
    background-color: rgba(225, 225, 225, 0.2);
    padding: 15px !important;
    margin-bottom: 0 !important
}

.optin-fields .form-check-label {
    margin-left: 10px
}

.optin-fields .form-check-input {
    height: 16px;
    width: 16px
}

.optin-fields .form-check {
    padding-left: 25px
}

#editForm .optin-fields {
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0
}

@media(min-width:1024px) {
    #editForm .optin-fields {
        padding-left: 20px;
        padding-right: 20px
    }
}

.emailLoaderContainer {
    position: relative
}

@media(max-width:1024px) {
    .emailLoaderContainer {
        width: 100%
    }
}

.emailLoaderContainer #emailsignup {
    padding-right: 60px !important
}

.emailLoaderContainer .emailLoader {
    position: absolute;
    display: none;
    right: 3px;
    top: 2px;
    width: 35px;
    height: 35px;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/DuPont_Loader.gif') no-repeat center;
    background-size: 100%
}

.emailLoaderContainer .emailLoader.tickMark {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/Right_TickFull.png') no-repeat center;
    background-size: 50%
}

.accountPop-holder {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    margin: 0 !important;
    padding: 33px;
    overflow: auto;
    display: none
}

.accountPop-modal {
    max-width: 550px;
    width: calc(100% - 66px);
    background: #fafafa;
    border: 5px solid #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.accountPop-modal>article {
    padding: 0 22px 20px
}

.accountPop-modal-title h5 {
    margin: 30px 0 0;
    padding: 0
}

.accountPop-modal-footer .btn {
    border: 1px solid #222;
    border-radius: 100px;
    padding: 10px 60px;
    margin: 0 15px 0 0;
    background: #fff
}

@media(max-width:575px) {
    .accountPop-modal-footer .btn {
        display: block;
        margin: 0 0 15px;
        width: 100%
    }
}

@media(min-width:1024px) {

    #business-unit-selection-edit,
    #business-unit-selection {
        padding-left: 0;
        padding-right: 0
    }
}

.business-unit-selection-edit {
    padding-left: 0;
    padding-right: 0
}

.business-unit-main-header {
    font-family: "APKProtocol Bold";
    font-size: 14px;
    line-height: 28px
}

.business-unit-sub-list {
    margin-bottom: 20px
}

.business-unit-sub-list input[type='checkbox'] {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px
}

.business-unit-sub-list span {
    display: block;
    margin-left: 30px;
    color: #000 !important;
    font-size: 13px
}

.business-unit-sub-list label {
    margin-left: 30px;
    padding-left: 0 !important;
    font-size: 15px !important;
    color: #000 !important
}

.business-unit-start {
    margin-top: 25px
}

@media(min-width:767px) {
    .business-unit-start {
        padding-left: 15px
    }
}

@media(min-width:1024px) {
    .business-unit-start .col-md-6 {
        padding-left: 35px;
        padding-right: 35px
    }
}

.form-submit-border {
    text-align: center;
    margin-top: 25px
}

#signUpSubmit,
#editCancel,
#signUpEditSubmit {
    background-color: #beff00;
    border: 1px solid #beff00;
    color: #000;
    cursor: pointer
}

#signUpSubmit:hover,
#editCancel:hover,
#signUpEditSubmit:hover {
    background-color: #98cc00;
    border: 1px solid #98cc00
}

#signUpSubmit:disabled,
#editCancel:disabled,
#signUpEditSubmit:disabled {
    background-color: #e6e6e6;
    color: gray;
    border: 1px solid #e6e6e6
}

#editForm .signupbtns {
    display: flex;
    justify-content: center
}

#editForm .signupbtns button {
    width: 120px !important
}

@media(min-width:1024px) {
    #editForm .signupbtns button {
        width: 180px !important
    }
}

#editForm .signupbtns #signUpEditSubmit {
    margin-left: 20px
}

@media(min-width:1024px) {
    #editForm .form-title {
        margin-top: 35px
    }

    #editForm .mySubscriptions {
        margin-bottom: 50px
    }

    #editForm .subscriptionDetails {
        padding-left: 20px;
        padding-right: 20px
    }
}

#editForm .BUList .apps {
    margin-bottom: 35px
}

@media(min-width:1024px) {
    #editForm .BUList .apps {
        padding: 0 20px
    }
}

#editForm .BUList .apps .buList-accordion-header {
    cursor: pointer;
    display: block;
    font-size: 24px;
    margin-bottom: 25px;
    font-family: 'APKProtocol Regular';
    padding-bottom: 10px;
    border-bottom: 2px solid black;
    transition: display 3s
}

#editForm .BUList .apps .buList-accordion-header:hover {
    color: black
}

#editForm .BUList .buList-accordion .buList-accordion-header {
    position: relative;
    cursor: pointer
}

#editForm .BUList .buList-accordion .buList-accordion-header::after {
    content: "+";
    font-family: 'APKProtocol Regular';
    color: black;
    position: absolute;
    top: 0;
    right: 25px;
    width: 0;
    height: 0;
    cursor: pointer
}

#editForm .BUList .buList-accordion .open .buList-accordion-header::after {
    content: "-";
    font-family: 'APKProtocol Regular';
    color: black;
    position: absolute;
    top: 0;
    font-size: 35px;
    cursor: pointer
}

#editForm .BUList .buList-accordion-content {
    display: none
}

#editForm .BUList .open .buList-accordion-content {
    display: block
}

@media(min-width:1024px) {
    #editForm .business-unit-start .col-md-6 {
        padding-left: 15px;
        padding-right: 15px
    }
}

#editForm .consent-text {
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 15px
}

.cmp-resFinder {
    overflow-x: hidden;
    padding-bottom: 20px
}

.cmp-resFinder .search-component .container {
    padding: 0 15px
}

@media screen and (min-width:1024px) {
    .cmp-resFinder .search-component .container {
        padding: 0 94px
    }
}

.cmp-resFinder .search-component .search-container {
    font-family: "APKProtocol regular"
}

.cmp-resFinder .search-component .search-container a {
    text-decoration: none
}

.cmp-resFinder .search-component .search-container a:hover {
    color: #000;
    text-decoration: none
}

.cmp-resFinder .search-component .search-container #rf-sds-links {
    float: right;
    margin-top: 5px;
    display: none
}

.cmp-resFinder .search-component .search-container #rf-sds-links a {
    color: #000;
    font-size: 1rem;
    margin: 0 5px 0 0
}

.cmp-resFinder .search-component .search-container #rf-sds-links a:hover {
    color: #666
}

.cmp-resFinder .search-component .search-container #rf-sds-links a::before {
    float: left;
    margin-top: -5px;
    content: " ";
    width: 35px;
    height: 35px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/safety-data-sheets-icon.svg')
}

.cmp-resFinder .search-component .search-container #rf-sds-links a.cta:hover {
    color: #000
}

.cmp-resFinder .search-component .search-container #rf-sds-links .fa {
    color: #000
}

.cmp-resFinder .search-component .search-container .custom-sds-link {
    width: 100%;
    display: block;
    float: right;
    text-align: right;
    margin-top: 5px;
    font-size: 14px;
    color: #000
}

.cmp-resFinder .search-component .search-container .custom-sds-link:hover {
    color: #666
}

.cmp-resFinder .search-component .search-container .res-tabs-block {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1;
    padding: 2px 10px 0 0;
    float: right
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .res-tabs-block {
        max-width: 100%;
        line-height: 50px
    }
}

.cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs {
    display: inline-block;
    padding: 10px 15px;
    white-space: nowrap;
    cursor: pointer;
    margin-right: 15px;
    font-size: calc(0.8em + (0.4 * ((100vw - 18.3333em) / 115)))
}

@media screen and (max-width:1024px) {
    .cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs {
        padding: 10px 8px
    }
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs {
        font-size: 16px
    }
}

@media screen and (max-width:576px) {
    .cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs {
        min-width: 125px;
        display: inline-block;
        padding: 0 8px
    }
}

.cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs:first-child {
    padding-left: 0
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs:first-child {
        padding-left: 10px
    }
}

.cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs.last-tab {
    margin-right: 0
}

.cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs.selected {
    font-family: "APKProtocol Semibold";
    border-bottom: 2px solid #000
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs.selected {
        background: #e1e1e1;
        border-bottom: 0
    }
}

.cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs .res-icon {
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
    top: 5px
}

.cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs .res-icon.resource {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/search-black-icon.svg')
}

.cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs .res-icon.k-article {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/page.svg')
}

.cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs .res-icon.k-doc {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/pdf-raw-icon.svg')
}

.cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs .res-icon.k-img {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/img-placeholder-icon.svg')
}

.cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs .res-icon.k-vid {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/videoPlay-placeholder-icon.svg')
}

.cmp-resFinder .search-component .search-container .res-tabs-block .res-tabs .res-icon.k-faq {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/faq-placeholder-icon.png')
}

.cmp-resFinder .search-component .search-container .tool-tip {
    font-family: "APKProtocol Regular";
    float: right;
    width: 100%;
    font-size: 13px;
    margin-top: 10px
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .tool-tip {
        max-width: 100%
    }
}

.cmp-resFinder .search-component .search-container .tool-tip div {
    border-radius: 15px;
    border: 1px solid #000;
    width: 15px;
    height: 15px;
    text-align: center;
    float: left;
    margin-right: 5px;
    font-size: 12px
}

.cmp-resFinder .search-component .search-container .sel-facets-block {
    float: right;
    display: none;
    margin-top: 30px;
    padding-left: 0
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .sel-facets-block {
        max-width: 100% !important
    }
}

.cmp-resFinder .search-component .search-container .sel-facets-block .facet-name {
    background: #beff00;
    padding: 5px 10px;
    border-radius: 30px;
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
    font-size: 14px
}

.cmp-resFinder .search-component .search-container .sel-facets-block .facet-name .deselect-facet {
    cursor: pointer;
    margin: 5px;
    font-size: 17px;
    font-family: monospace;
    margin-right: 0
}

.cmp-resFinder .search-component .search-container .sel-facets-block .facet-name .deselect-facet:hover {
    color: #666
}

.cmp-resFinder .search-component .search-container .sel-facets-block .clear-facets {
    float: right;
    margin-top: 10px;
    font-size: 13px;
    cursor: pointer;
    font-family: "APKProtocol Regular"
}

.cmp-resFinder .search-component .search-container .sel-facets-block .clear-facets:hover {
    text-decoration: underline;
    color: #666
}

.cmp-resFinder .search-component .search-container .facets-container {
    float: left;
    display: block;
    margin-top: 11px
}

@media screen and (min-width:768px) {
    .cmp-resFinder .search-component .search-container .facets-container {
        display: block
    }
}

.cmp-resFinder .search-component .search-container .facets-container.showFacets {
    display: block
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .facets-container.showFacets {
        display: none
    }
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .facets-container {
        width: 100%;
        height: 100%;
        background: #fff;
        max-width: 100%;
        z-index: 100;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        position: fixed;
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 80px
    }
}

.cmp-resFinder .search-component .search-container .facets-container .mv-facet-header {
    width: auto;
    overflow: auto;
    display: none
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .facets-container .mv-facet-header {
        display: block
    }
}

.cmp-resFinder .search-component .search-container .facets-container .mv-facet-header nav {
    overflow: auto;
    white-space: nowrap;
    height: 35px;
    vertical-align: bottom;
    margin-top: 25px
}

.cmp-resFinder .search-component .search-container .facets-container .mv-facet-header nav .mv-facet-category {
    min-width: 100px;
    padding: 10px 20px;
    font-size: 14px;
    font-family: "APKProtocol Semibold";
    color: #969696;
    text-transform: uppercase
}

.cmp-resFinder .search-component .search-container .facets-container .mv-facet-header nav .mv-facet-category.active {
    color: #000;
    border-bottom: 2px solid #000
}

.cmp-resFinder .search-component .search-container .facets-container .mv-facets-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #000;
    font-family: "APKProtocol Regular";
    height: 80px;
    width: 100%;
    display: none
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .facets-container .mv-facets-footer {
        display: block
    }
}

.cmp-resFinder .search-component .search-container .facets-container .mv-facets-footer .close-facets {
    font-size: 14px;
    color: #fff;
    float: left;
    margin: 30px
}

.cmp-resFinder .search-component .search-container .facets-container .mv-facets-footer .apply-filters {
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 20px;
    background: #fff;
    color: #000;
    float: right;
    margin: 20px
}

.cmp-resFinder .search-component .search-container .facets-container .facet-head {
    color: #969696;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px;
    font-size: 14px
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .facets-container .facet-head {
        display: none
    }
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper {
    margin-bottom: 10px
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-category {
    font-size: 16px;
    font-family: "APKProtocol Semibold";
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
    cursor: pointer
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-category {
        display: none
    }
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-category.open {
    border-bottom: 0
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-category.open span:after {
    content: '-'
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-category span:after {
    content: '+';
    font-size: 20px;
    margin-top: -5px;
    float: right;
    color: #000
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content {
    cursor: pointer
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option {
    margin-left: 10px
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option {
        margin-left: 20px
    }
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option.hide-option {
    display: none
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option.hide-option {
        display: block
    }
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option.show-option {
    display: block
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option.facet-disabled {
    display: none
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option input:checked~.checkmark {
    background-color: #000
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option input:checked~.checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option input:checked~.checkmark::after {
    display: block
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option .checkmark {
    position: relative;
    left: 0;
    top: 7px;
    height: 24px;
    width: 24px;
    border-radius: 100%;
    background-color: #fff;
    border: solid 1px #e1e1e1;
    display: inline-block;
    margin-right: 10px
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option:hover input~.checkmark {
    background-color: #e1e1e1;
    border: 0
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option:hover input:checked~.checkmark {
    background-color: #000;
    border: 0
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .facet-content .facet-option label {
    width: calc(100% - 50px);
    font-size: 14px;
    color: #000
}

.cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .view-all {
    font-size: 14px;
    font-family: "APKProtocol Regular";
    float: right;
    display: none
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .facets-container .facets-wrapper .view-all {
        display: none !important
    }
}

.cmp-resFinder .search-component .search-container .mv-facets-link {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    margin-left: 15px;
    margin-bottom: 10px;
    display: none
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .mv-facets-link.show {
        display: block
    }
}

.cmp-resFinder .search-component .search-container .btns-wrapper {
    display: flex;
    float: right;
    flex-direction: row-reverse
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder .search-component .search-container .btns-wrapper {
        flex-direction: column
    }
}

.cmp-resFinder .search-component .search-container .sort-by {
    float: right;
    margin-top: -35px;
    margin-right: 10px
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder .search-component .search-container .sort-by {
        margin-right: 0;
        margin-top: 0
    }
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .sort-by span {
        font-size: 14px
    }
}

.cmp-resFinder .search-component .search-container .sort-by div {
    display: inline-block;
    padding: 2px 3px;
    border: 1px solid black;
    border-radius: 15px;
    font-size: 14px
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder .search-component .search-container .sort-by div {
        font-size: 12px
    }
}

.cmp-resFinder .search-component .search-container .sort-by div button {
    background: white;
    border: 0;
    outline: 0;
    border-radius: 15px;
    padding: 0 10px
}

.cmp-resFinder .search-component .search-container .sort-by div button.active {
    color: white;
    background: black
}

.cmp-resFinder .search-component .search-container .view-icons {
    float: right;
    margin-top: -33px;
    margin-right: -10px;
    z-index: 1
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder .search-component .search-container .view-icons {
        margin-top: -65px;
        margin-right: 0;
        align-self: flex-end;
        margin-bottom: 5px
    }
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .view-icons span {
        font-size: 14px
    }
}

.cmp-resFinder .search-component .search-container .view-icons .fas {
    color: #e1e1e1;
    background: white;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0 5px
}

.cmp-resFinder .search-component .search-container .view-icons .fas.active {
    color: #000
}

.cmp-resFinder .search-component .search-container .view-icons .fas.fa-th:before {
    content: "\f00a"
}

.cmp-resFinder .search-component .search-container .view-icons .fas.fa-th-list:before {
    content: "\f00b"
}

.cmp-resFinder .search-component .search-container .search-header {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 50px
}

@media screen and (max-width:calc(1024px - 1px)) {
    .cmp-resFinder .search-component .search-container .search-header {
        padding-left: 18px;
        padding-right: 18px
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder .search-component .search-container .search-header {
        margin-top: 25px;
        margin-bottom: 65px
    }
}

.cmp-resFinder .search-component .search-container .search-header .mobile-search-box {
    border: 1px solid #e1e1e1
}

.cmp-resFinder .search-component .search-container .search-header .mobile-search-box.focused {
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25)
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder .search-component .search-container .search-header .mobile-search-box.focused {
        -webkit-box-shadow: 0 3px 5px 0 #a6a6a6;
        -moz-box-shadow: 0 3px 5px 0 #a6a6a6;
        box-shadow: 0 3px 5px 0 #a6a6a6
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder .search-component .search-container .search-header .mobile-search-box {
        -webkit-box-shadow: 0 3px 5px 0 #a6a6a6;
        -moz-box-shadow: 0 3px 5px 0 #a6a6a6;
        box-shadow: 0 3px 5px 0 #a6a6a6;
        padding: 10px;
        border: 0
    }
}

.cmp-resFinder .search-component .search-container .search-header .mobile-search-box label {
    padding-left: 0
}

.cmp-resFinder .search-component .search-container .search-header .cancel-btn {
    display: none;
    font-size: 16px;
    cursor: pointer;
    float: left;
    top: 23px;
    position: relative;
    left: 15px
}

.cmp-resFinder .search-component .search-container .search-header .search-icon {
    display: inline-block
}

.cmp-resFinder .search-component .search-container .search-header .search-icon img {
    height: 48px;
    width: 48px;
    margin-left: 10px;
    margin: 25px 0 25px 10px
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder .search-component .search-container .search-header .search-icon img {
        height: 30px;
        width: 30px;
        margin: 0
    }
}

.cmp-resFinder .search-component .search-container .search-header input {
    display: inline-block;
    position: relative;
    font-family: "APKProtocol Regular";
    vertical-align: middle;
    font-size: 34px;
    margin-left: 32px;
    border: 0;
    width: calc(100% - 32px - 48px - 40px - 32px)
}

.cmp-resFinder .search-component .search-container .search-header input::-ms-clear {
    display: none
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder .search-component .search-container .search-header input {
        width: calc(100% - 42px - 42px);
        font-size: 16px;
        margin-left: 0;
        height: 40px
    }
}

.cmp-resFinder .search-component .search-container .search-header input[type="text"]:focus {
    outline: 0
}

.cmp-resFinder .search-component .search-container .search-header .close-btn {
    padding: 13px;
    padding-bottom: 5px;
    margin-right: calc(@item-padding - 10px);
    position: relative;
    display: inline-block;
    width: 40px;
    user-select: none;
    cursor: pointer;
    vertical-align: middle;
    visibility: hidden
}

.cmp-resFinder .search-component .search-container .search-header .close-btn span:nth-last-child(2) {
    transform: rotate(-45deg) translate(-5px, 16px)
}

.cmp-resFinder .search-component .search-container .search-header .close-btn span {
    display: block;
    width: 25px;
    height: 2px;
    margin-bottom: 15px;
    position: relative;
    background: #000;
    border-radius: 3px;
    transform-origin: 4px 0;
    transform: rotate(45deg) translate(-7px, -16px);
    background: #232323
}

.cmp-resFinder .search-component .search-container .search-header .close-btn span:first-child {
    transform-origin: 0 0
}

.cmp-resFinder .search-component .search-container .search-header .close-btn span:last-child {
    margin-bottom: 0
}

.cmp-resFinder .search-component .search-container .search-header.mobile-view {
    padding-left: 18px
}

.cmp-resFinder .search-component .search-container .search-header.mobile-view .mobile-search-box {
    float: left;
    width: 80%
}

.cmp-resFinder .search-component .search-container .search-header.mobile-view .cancel-btn {
    display: block
}

.cmp-resFinder .search-component .search-container .divider-line {
    border-bottom: 1px solid #e1e1e1;
    position: absolute;
    width: 100%;
    left: 0
}

.cmp-resFinder .search-component .search-container .search-result {
    float: right
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .search-result {
        max-width: 100% !important
    }
}

.cmp-resFinder .search-component .search-container .search-result .prm-toggle {
    float: left;
    font-family: "APKProtocol Regular";
    font-size: 14px;
    display: none;
    margin-top: 20px
}

.cmp-resFinder .search-component .search-container .search-result .prm-toggle.visible {
    display: block
}

.cmp-resFinder .search-component .search-container .search-result .prm-toggle .tgl-wrap {
    float: right;
    margin-left: 5px;
    border-radius: 12.5px;
    background-color: #949493;
    width: 34px;
    cursor: pointer
}

.cmp-resFinder .search-component .search-container .search-result .prm-toggle .tgl-wrap.active {
    background: #000
}

.cmp-resFinder .search-component .search-container .search-result .prm-toggle .tgl-wrap.active .tgl {
    float: right
}

.cmp-resFinder .search-component .search-container .search-result .prm-toggle .tgl-wrap .tgl {
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 20px;
    margin: 2px
}

.cmp-resFinder .search-component .search-container .search-result .results-body {
    width: calc(100% + 30px);
    position: relative;
    top: -12px
}

.cmp-resFinder .search-component .search-container .search-result .result-header {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 25px;
    padding-top: 30px;
    margin-bottom: 25px
}

.cmp-resFinder .search-component .search-container .search-result .result-header a {
    float: right
}

.cmp-resFinder .search-component .search-container .search-result .result-header .top-title {
    font-family: "APKProtocol Medium"
}

.cmp-resFinder .search-component .search-container .search-result .result-header.pf-view {
    margin-right: -15px;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: -25px;
    text-align: right
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .search-result .result-header.pf-view {
        margin-bottom: 0;
        text-align: left;
        margin-left: -15px
    }
}

.cmp-resFinder .search-component .search-container .search-result .result-header.pf-view h5 {
    font-size: 12px;
    float: right;
    margin-top: 20px
}

@media screen and (max-width:768px) {
    .cmp-resFinder .search-component .search-container .search-result .result-header.pf-view h5 {
        font-size: 14px
    }
}

.cmp-resFinder .search-component .search-container .search-result .validated:before {
    width: 49px;
    height: 53px;
    content: " ";
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/golden-border-icon.svg');
    position: absolute;
    left: 9px;
    top: -6px;
    background-size: 100%
}

.cmp-resFinder .search-component .search-container .search-result .res-list {
    margin-top: 25px;
    position: relative
}

.cmp-resFinder .search-component .search-container .search-result .res-list .bg-img {
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30% 30%;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    height: 200px
}

.cmp-resFinder .search-component .search-container .search-result .res-list .bg-img.page {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/page.svg')
}

.cmp-resFinder .search-component .search-container .search-result .res-list .bg-img.pdf {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/pdf-icon.svg')
}

.cmp-resFinder .search-component .search-container .search-result .res-list .bg-img.ppt {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/powerpoint-icon.svg')
}

.cmp-resFinder .search-component .search-container .search-result .res-list .bg-img.doc {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/word-icon.svg')
}

.cmp-resFinder .search-component .search-container .search-result .res-list .bg-img.sheet {
    background-image: url('https://www.qnityelectronics.com/content/dam/electronics/amer/us/en/electronics/general/icons/sheet-icon.png')
}

.cmp-resFinder .search-component .search-container .search-result .res-list .bg-img.zip {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/zip-icon.png')
}

.cmp-resFinder .search-component .search-container .search-result .res-list .bg-img.exe {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/exe-icon.png')
}

.cmp-resFinder .search-component .search-container .search-result .res-list .bg-img .res-img {
    width: 100%;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.cmp-resFinder .search-component .search-container .search-result .res-list .res-name,
.cmp-resFinder .search-component .search-container .search-result .res-list .page-name {
    margin: 10px 0 45px 0;
    max-height: 100px;
    overflow: hidden
}

.cmp-resFinder .search-component .search-container .search-result .res-list .res-name a,
.cmp-resFinder .search-component .search-container .search-result .res-list .page-name a {
    font-family: "APKProtocol Regular";
    font-size: 1rem
}

.cmp-resFinder .search-component .search-container .search-result .res-list .res-name .text-search,
.cmp-resFinder .search-component .search-container .search-result .res-list .page-name .text-search {
    background-color: rgba(102, 102, 102, 0.25)
}

.cmp-resFinder .search-component .search-container .search-result .res-list .res-name .text-search .text-search,
.cmp-resFinder .search-component .search-container .search-result .res-list .page-name .text-search .text-search {
    background-color: rgba(102, 102, 102, 0.25)
}

.cmp-resFinder .search-component .search-container .search-result .res-list .res-download {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%
}

.cmp-resFinder .search-component .search-container .search-result .res-list .res-download a {
    float: left;
    margin-right: 10%;
    padding: 0 10px 6px 4px;
    border-radius: 20px
}

.cmp-resFinder .search-component .search-container .search-result .res-list .res-download a:hover {
    color: #666
}

.cmp-resFinder .search-component .search-container .search-result .res-list .res-download a:hover .dn-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-resFinder .search-component .search-container .search-result .res-list .res-download a span {
    top: -2px;
    position: relative
}

.cmp-resFinder .search-component .search-container .search-result .res-list .res-download a.selected {
    background: #beff00
}

.cmp-resFinder .search-component .search-container .search-result .res-list .res-download a.selected:hover {
    color: #666
}

.cmp-resFinder .search-component .search-container .search-result .res-list .res-download a.selected .dn-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-resFinder .search-component .search-container .search-result .res-list .res-download a>.dn-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100% 100%;
    position: relative;
    top: 5px;
    margin-right: 3px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadWhitetick.png')
}

.cmp-resFinder .search-component .search-container .search-result .res-list.doc-list .s-wrap {
    position: static;
    float: left;
    margin-top: 5px
}

.cmp-resFinder .search-component .search-container .search-result .image-list {
    margin-top: 25px;
    position: relative
}

.cmp-resFinder .search-component .search-container .search-result .image-list .bg-img {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/bg-placeholder.png');
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40% 40%;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    height: 200px
}

.cmp-resFinder .search-component .search-container .search-result .image-list .bg-img .thumb-img {
    width: 100%;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.cmp-resFinder .search-component .search-container .search-result .image-list .img-name {
    margin: 10px 0 45px 0;
    max-height: 100px;
    overflow: hidden
}

.cmp-resFinder .search-component .search-container .search-result .image-list .img-name .text-search {
    background-color: #666
}

.cmp-resFinder .search-component .search-container .search-result .image-list .img-name .text-search .text-search {
    background-color: rgba(102, 102, 102, 0.25)
}

.cmp-resFinder .search-component .search-container .search-result .image-list .img-download {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%
}

.cmp-resFinder .search-component .search-container .search-result .image-list .img-download a {
    float: left;
    margin-right: 10%;
    padding: 0 10px 6px 4px;
    border-radius: 20px
}

.cmp-resFinder .search-component .search-container .search-result .image-list .img-download a:hover {
    color: #000
}

.cmp-resFinder .search-component .search-container .search-result .image-list .img-download a:hover .dn-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-resFinder .search-component .search-container .search-result .image-list .img-download a span {
    top: -2px;
    position: relative
}

.cmp-resFinder .search-component .search-container .search-result .image-list .img-download a.selected {
    background: #000
}

.cmp-resFinder .search-component .search-container .search-result .image-list .img-download a.selected .dn-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-resFinder .search-component .search-container .search-result .image-list .img-download a>.dn-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100% 100%;
    position: relative;
    top: 5px;
    margin-right: 3px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadWhitetick.png')
}

.cmp-resFinder .search-component .search-container .search-result .image-list .img-download .s-wrap {
    position: static;
    float: left;
    margin-top: 5px
}

.cmp-resFinder .search-component .search-container .search-result .video-list {
    margin-top: 25px;
    position: relative;
    height: 280px
}

.cmp-resFinder .search-component .search-container .search-result .video-list video {
    width: 100%;
    height: 180px;
    object-fit: fill;
    background: black;
    box-shadow: 1px -2px 6px -5px #000;
    -webkit-box-shadow: 1px -2px 6px -5px #000
}

.cmp-resFinder .search-component .search-container .search-result .video-list .play-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    top: 80px;
    left: 45%;
    background-size: 100% 100%;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/green-videoplay-icon.svg')
}

.cmp-resFinder .search-component .search-container .search-result .video-list .lock-screen {
    height: 180px;
    top: -188px
}

.cmp-resFinder .search-component .search-container .search-result .video-list .unlock-icon,
.cmp-resFinder .search-component .search-container .search-result .video-list .lock-icon {
    background-color: #fff !important;
    background-size: 80% 80% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 1px solid #000 !important;
    border-radius: 5px !important
}

.cmp-resFinder .search-component .search-container .search-result .video-list .vid-name-container {
    width: 100%;
    -webkit-box-shadow: 0 3px 5px 0 #a6a6a6;
    -moz-box-shadow: 0 3px 5px 0 #a6a6a6;
    box-shadow: 0 3px 5px 0 #a6a6a6;
    padding: 8px;
    position: relative;
    top: -5px;
    overflow: hidden;
    height: 60px
}

.cmp-resFinder .search-component .search-container .search-result .video-list .vid-name-container.top-set {
    top: -185px
}

.cmp-resFinder .search-component .search-container .search-result .video-list .vid-name-container .vid-name {
    margin: 10px 0 25px 0;
    max-height: 100px;
    overflow: hidden
}

.cmp-resFinder .search-component .search-container .search-result .video-list .vid-name-container .vid-name .text-search {
    background-color: rgba(102, 102, 102, 0.25)
}

.cmp-resFinder .search-component .search-container .search-result .video-list .vid-name-container .vid-name .text-search .text-search {
    background-color: rgba(102, 102, 102, 0.25)
}

.cmp-resFinder .search-component .search-container .search-result .faq-list {
    position: relative;
    padding: 0
}

.cmp-resFinder .search-component .search-container .search-result .faq-list.validated:before {
    left: -6px;
    top: -8px
}

.cmp-resFinder .search-component .search-container .search-result .faq-list img,
.cmp-resFinder .search-component .search-container .search-result .faq-list video {
    max-width: 100%
}

.cmp-resFinder .search-component .search-container .search-result .faq-list:first-child {
    margin-top: 25px
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head {
    background-color: #eee;
    border-bottom: 2px solid #CCC;
    font-family: "APKProtocol Regular";
    font-size: 18px;
    padding: 15px 30px 15px 30px;
    line-height: 1.34;
    cursor: pointer;
    display: flex
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .q-icon {
    font-size: 22px;
    color: #000;
    position: relative;
    left: -15px;
    display: block;
    border: 1px solid #ccc;
    background: white;
    padding: 3px 10px;
    border-radius: 5px;
    max-height: 37px
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .q-text {
    width: calc(100% - 50px);
    position: relative;
    padding-top: 8px;
    display: block;
    overflow-x: hidden
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .q-text .text-search {
    background-color: rgba(102, 102, 102, 0.25)
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .q-text .text-search .text-search {
    background-color: rgba(255, 255, 255, 0)
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .q-text a,
.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .q-text p,
.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .q-text span,
.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .q-text div,
.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .q-text li {
    font-family: "APKProtocol Regular";
    font-size: 18px
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .q-text a {
    text-decoration: underline
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .q-text ol,
.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .q-text ul {
    margin: auto;
    padding-left: 40px
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .acc-icon {
    width: 18px;
    height: 18px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/plus.svg');
    position: relative;
    right: -15px;
    float: right;
    top: 10px
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-head .hor-unlock-icon {
    margin-right: -5px;
    margin-top: 11px
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-content {
    font-family: "APKProtocol Regular";
    padding: 20px 30px 20px 30px;
    line-height: 1.47;
    display: none
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-content .a-icon {
    font-size: 22px;
    color: #000;
    position: relative;
    left: -15px;
    display: block;
    border: 1px solid #ccc;
    padding: 1px 10px;
    border-radius: 5px;
    max-height: 37px
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-content .a-text {
    width: 100%;
    position: relative;
    margin-top: 10px
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-content .a-text .text-search {
    background-color: rgba(102, 102, 102, 0.25)
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-content .a-text .text-search .text-search {
    background-color: rgba(255, 255, 255, 0)
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-content .a-text .a-head {
    font-size: 18px;
    color: #000;
    margin-bottom: 5px;
    display: block
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-content .a-text .a-content {
    font-size: 16px;
    display: block;
    overflow-x: auto
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-content .a-text .a-content a {
    text-decoration: underline
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-content .a-text .a-content p {
    margin-bottom: 15px
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-content .a-text .a-content ol,
.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-content .a-text .a-content ul {
    margin: auto;
    padding-left: 40px
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-content .print-faq {
    height: 20px;
    width: 22px;
    margin-top: -12px;
    position: absolute;
    right: 45px;
    cursor: pointer;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/print.png');
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap .acc-content .hor-share-icon {
    height: 20px;
    margin-top: -12px;
    right: 5px;
    position: absolute
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap.expanded .acc-icon {
    width: 18px;
    height: 2px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/minus.svg');
    position: relative;
    right: -15px;
    float: right;
    top: 20px
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap.expanded .acc-content {
    display: flex
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap.isLink .acc-icon {
    width: 25px;
    height: 25px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/share-icon.svg');
    position: relative;
    right: -15px;
    float: right;
    top: 8px;
    background-size: 100% 100%
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap.isLink .acc-content {
    display: none !important
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .faq-wrap p {
    margin-bottom: 0
}

.cmp-resFinder .search-component .search-container .search-result .faq-list .hor-lock-screen {
    height: calc(100% - 2px);
    top: 0
}

.cmp-resFinder .search-component .search-container .search-result .list-view,
.cmp-resFinder .search-component .search-container .search-result .block-view {
    display: none
}

.cmp-resFinder .search-component .search-container .search-result .item-result {
    padding: 18px 0 10px 0;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    position: relative
}

.cmp-resFinder .search-component .search-container .search-result .item-result.docs,
.cmp-resFinder .search-component .search-container .search-result .item-result.images {
    width: calc(100% - 25px)
}

.cmp-resFinder .search-component .search-container .search-result .item-result:nth-child(2) {
    margin-top: 20px
}

.cmp-resFinder .search-component .search-container .search-result .item-result.validated:before {
    width: 35px;
    height: 35px;
    left: -9px;
    top: -6px
}

.cmp-resFinder .search-component .search-container .search-result .item-result.article .publish-date {
    font-size: 12px
}

.cmp-resFinder .search-component .search-container .search-result .item-result.article .publish-date span {
    font-family: "APKProtocol Semibold"
}

.cmp-resFinder .search-component .search-container .search-result .item-result .text-search {
    background-color: rgba(102, 102, 102, 0.25)
}

.cmp-resFinder .search-component .search-container .search-result .item-result .text-search .text-search {
    background-color: rgba(255, 255, 255, 0)
}

.cmp-resFinder .search-component .search-container .search-result .item-result a .fa {
    display: none
}

.cmp-resFinder .search-component .search-container .search-result .item-result a h5:hover {
    color: #666
}

.cmp-resFinder .search-component .search-container .search-result .item-result div {
    width: calc(100% - 65px)
}

.cmp-resFinder .search-component .search-container .search-result .item-result div.unlocked-title {
    width: calc(100% - 90px)
}

.cmp-resFinder .search-component .search-container .search-result .item-result div h5 {
    float: left
}

.cmp-resFinder .search-component .search-container .search-result .item-result .res-icon {
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    float: right
}

.cmp-resFinder .search-component .search-container .search-result .item-result .res-icon.pdf {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/pdf-icon.svg')
}

.cmp-resFinder .search-component .search-container .search-result .item-result .res-icon.doc {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/word-icon.svg')
}

.cmp-resFinder .search-component .search-container .search-result .item-result .res-icon.sheet {
    background-image: url('https://www.qnityelectronics.com/content/dam/electronics/amer/us/en/electronics/general/icons/sheet-icon.png')
}

.cmp-resFinder .search-component .search-container .search-result .item-result .res-icon.zip {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/zip-icon.png')
}

.cmp-resFinder .search-component .search-container .search-result .item-result .res-icon.exe {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/exe-icon.png')
}

.cmp-resFinder .search-component .search-container .search-result .item-result .res-icon.ppt {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/powerpoint-icon.svg')
}

.cmp-resFinder .search-component .search-container .search-result .item-result .res-icon.images {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/img-placeholder-icon.svg')
}

.cmp-resFinder .search-component .search-container .search-result .item-result .res-icon.videos {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/green-videoplay-icon.svg');
    border: 2px solid #e1e1e1;
    border-radius: 20px
}

.cmp-resFinder .search-component .search-container .search-result .item-result .res-icon.pages {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/page.svg')
}

.cmp-resFinder .search-component .search-container .search-result .item-result .select-res.selected .select-box,
.cmp-resFinder .search-component .search-container .search-result .item-result .select-res:hover .select-box {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-resFinder .search-component .search-container .search-result .item-result .select-res .select-box {
    width: 25px;
    height: 25px;
    background-size: 100% 100%;
    position: absolute;
    right: -30px;
    margin-top: 2px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadWhitetick.png')
}

.cmp-resFinder .search-component .search-container .search-result .item-result p {
    font-size: 14px;
    height: 64px;
    overflow: hidden;
    font-family: "APKProtocol Regular"
}

.cmp-resFinder .search-component .search-container .search-result .result-view-more {
    margin-top: 15px;
    display: none;
    padding-bottom: 10px
}

.cmp-resFinder .search-component .search-container .search-result .result-view-more span {
    display: block;
    padding-bottom: 10px
}

.cmp-resFinder .search-component .search-container .search-result .result-view-more span span {
    display: inline-block
}

.cmp-resFinder .search-component .search-container .search-result .no-result-text {
    font-size: 20px;
    margin: 20px;
    font-weight: 500;
    display: none
}

.cmp-resFinder .search-component .search-container .search-result .s-wrap {
    position: absolute;
    bottom: 0
}

.cmp-resFinder .search-component .search-container .search-result .s-wrap div {
    float: left
}

.cmp-resFinder .search-component .search-container .search-result .s-wrap span {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    margin-left: 2px;
    position: relative;
    top: 3px
}

.cmp-resFinder .search-component .search-container .search-result .s-wrap:hover {
    color: #666
}

.cmp-resFinder .search-component .search-container .search-result .lock-screen {
    width: 100%;
    height: 200px;
    position: relative;
    top: -200px;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    cursor: pointer
}

.cmp-resFinder .search-component .search-container .search-result .lock-screen .lock-icon {
    width: 35px;
    height: 35px;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/lock-blackborder-blackbg-icon.svg');
    background-size: 100% 100%
}

.cmp-resFinder .search-component .search-container .search-result .lock-screen .sign-in-link {
    color: #fff;
    text-align: center;
    margin-top: 5px;
    cursor: pointer;
    background: grey;
    padding: 2px 10px;
    border-radius: 5px;
    text-shadow: 1px 1px 5px black
}

.cmp-resFinder .search-component .search-container .search-result .lock-screen .sign-in-link span {
    display: block
}

.cmp-resFinder .search-component .search-container .search-result .lock-screen .sign-in-link:hover {
    text-decoration: underline
}

.cmp-resFinder .search-component .search-container .search-result .hor-lock-screen {
    width: 100% !important;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    height: calc(100% - 11px);
    top: 5px;
    cursor: pointer
}

.cmp-resFinder .search-component .search-container .search-result .hor-lock-screen .hor-lock-icon {
    width: 35px;
    height: 35px;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/lock-blackborder-blackbg-icon.svg');
    background-size: 100% 100%
}

.cmp-resFinder .search-component .search-container .search-result .hor-lock-screen .hor-sign-in-link {
    color: #fff;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
    background: grey;
    padding: 2px 10px;
    border-radius: 5px;
    text-shadow: 1px 1px 5px black
}

.cmp-resFinder .search-component .search-container .search-result .hor-lock-screen .hor-sign-in-link:hover {
    text-decoration: underline
}

.cmp-resFinder .search-component .search-container .search-result .unlock-icon {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/unlock-blackborder-blackbg-icon.svg');
    background-size: 100% 100%;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 20px;
    float: right
}

.cmp-resFinder .search-component .search-container .search-result .hor-unlock-icon {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/unlock-blackborder-blackbg-icon.svg');
    background-size: 100% 100%;
    width: 20px !important;
    height: 20px;
    margin-right: 5px;
    float: right;
    margin-top: 6px
}

.cmp-resFinder .search-component .search-container .search-result .share-icon {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/share-icon.svg');
    background-size: 100% 100%;
    position: relative;
    width: 25px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer
}

.cmp-resFinder .search-component .search-container .search-result .share-txt {
    cursor: pointer
}

.cmp-resFinder .search-component .search-container .search-result .hor-share-icon {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/share-icon.svg');
    background-size: 100% 100%;
    position: relative;
    width: 25px !important;
    height: 25px;
    margin-right: 5px;
    float: right;
    margin-top: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer
}

.cmp-resFinder .model-bg {
    position: fixed;
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 101
}

.cmp-resFinder .model-bg .model-close-btn {
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #fff;
    font-size: xx-large;
    position: absolute;
    right: 20px;
    top: 20px
}

.cmp-resFinder #video-model #vid-container {
    position: relative;
    width: 80%;
    left: 10%;
    top: 50%;
    transform: translateY(-50%)
}

.cmp-resFinder #video-model #vid-container video {
    width: 100%
}

.cmp-resFinder #signin-model #sigin-container {
    position: relative;
    max-width: 80%;
    width: 500px;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #eee;
    font-family: "APKProtocol Regular"
}

.cmp-resFinder #signin-model #sigin-container .heading-text {
    background: #eee;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    border-radius: 10px 10px 0 0
}

.cmp-resFinder #signin-model #sigin-container .heading-text span {
    display: block
}

.cmp-resFinder #signin-model #sigin-container .btns-container {
    margin: 60px 0;
    display: flex;
    justify-content: center
}

.cmp-resFinder #signin-model #sigin-container .btns-container .sign-in {
    padding: 12px 30px;
    border-radius: 25px;
    margin: 0 10px;
    color: #fff;
    background: #000;
    border: 1px solid #000;
    text-align: center
}

.cmp-resFinder #signin-model #sigin-container .btns-container .sign-in:hover {
    color: #000;
    background: #fff
}

.cmp-resFinder #signin-model #sigin-container .btns-container .sign-up {
    padding: 12px 30px;
    border-radius: 25px;
    margin: 0 10px;
    color: #000;
    background: #fff;
    border: 1px solid #000;
    text-align: center
}

.cmp-resFinder #signin-model #sigin-container .btns-container .sign-up:hover {
    color: #fff;
    background: #000
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder #signin-model #sigin-container .btns-container .sign-up {
        margin-top: 15px
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder #signin-model #sigin-container .btns-container {
        flex-direction: column;
        width: 80%;
        margin-left: 10%
    }
}

.cmp-resFinder #faq-model #faq-container {
    position: relative;
    width: 80%;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 10px;
    border: 2px solid #eee;
    padding: 15px;
    max-height: 80%;
    overflow-y: auto;
    padding: 30px 15px
}

.cmp-resFinder #faq-model #faq-container .ol-share {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/share-icon.svg');
    background-size: 90% 90%;
    width: 26px;
    height: 28px;
    right: 5px;
    float: right;
    margin-top: -25px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer
}

.cmp-resFinder #faq-model #faq-container .ol-print {
    margin-top: -20px;
    float: right;
    margin-right: 15px;
    height: 20px;
    width: 22px;
    cursor: pointer;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/print.png');
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.cmp-resFinder #faq-model #faq-container .q-el {
    display: flex;
    margin-top: 10px
}

.cmp-resFinder #faq-model #faq-container .q-el .q-i {
    font-size: 22px;
    padding-right: 10px;
    color: #000;
    font-family: "APKProtocol Medium";
    margin-top: -4px
}

.cmp-resFinder #faq-model #faq-container .q-el .q-t a,
.cmp-resFinder #faq-model #faq-container .q-el .q-t p,
.cmp-resFinder #faq-model #faq-container .q-el .q-t span,
.cmp-resFinder #faq-model #faq-container .q-el .q-t div,
.cmp-resFinder #faq-model #faq-container .q-el .q-t li {
    font-family: "APKProtocol Medium";
    font-size: 18px
}

.cmp-resFinder #faq-model #faq-container .q-el .q-t a {
    text-decoration: underline
}

.cmp-resFinder #faq-model #faq-container .q-el .q-t ol,
.cmp-resFinder #faq-model #faq-container .q-el .q-t ul {
    margin: auto;
    padding-left: 40px
}

.cmp-resFinder #faq-model #faq-container .a-el {
    display: flex;
    margin-top: 15px
}

.cmp-resFinder #faq-model #faq-container .a-el .a-i {
    font-size: 22px;
    padding-right: 10px;
    color: #000;
    font-family: "APKProtocol Medium";
    margin-top: -4px
}

.cmp-resFinder #faq-model #faq-container .a-el .a-t {
    font-family: "APKProtocol Regular";
    font-size: 16px;
    overflow-x: auto
}

.cmp-resFinder #faq-model #faq-container .a-el .a-t a {
    text-decoration: underline
}

.cmp-resFinder #faq-model #faq-container .a-el .a-t p {
    margin-bottom: 15px
}

.cmp-resFinder #faq-model #faq-container .a-el .a-t ol,
.cmp-resFinder #faq-model #faq-container .a-el .a-t ul {
    margin: auto;
    padding-left: 40px
}

.cmp-resFinder #faq-model #faq-container .lock-ol {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer
}

.cmp-resFinder #faq-model #faq-container .lock-ol .ol-lock-icon {
    width: 35px;
    height: 35px;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/lock-blackborder-blackbg-icon.svg');
    background-size: 100% 100%
}

.cmp-resFinder #faq-model #faq-container .lock-ol .ol-signin-link {
    color: #fff;
    text-align: center;
    margin-top: 8px;
    cursor: pointer;
    background: grey;
    border-radius: 5px;
    padding: 1px 10px;
    text-shadow: 1px 1px 4px #000
}

.cmp-resFinder #faq-model #faq-container .lock-ol .ol-signin-link:hover {
    text-decoration: underline
}

.cmp-resFinder #loader-screen-rc {
    justify-content: center;
    align-items: center
}

.cmp-resFinder #loader-screen-rc.show {
    display: block
}

.cmp-resFinder #loader-screen-rc .bookshelf_wrapper {
    position: relative;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.4)
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder #loader-screen-rc .bookshelf_wrapper {
        transform: translate(-50%, -50%) scale(0.35)
    }
}

.cmp-resFinder #loader-screen-rc .books_list {
    margin: 0 auto;
    width: 300px;
    padding: 0
}

.cmp-resFinder #loader-screen-rc .book_item {
    position: absolute;
    top: -120px;
    box-sizing: border-box;
    list-style: none;
    width: 40px;
    height: 120px;
    opacity: 0;
    background-color: #000;
    border: 5px solid white;
    transform-origin: bottom left;
    transform: translateX(300px);
    animation: rc-travel 2500ms linear infinite
}

.cmp-resFinder #loader-screen-rc .book_item.first {
    top: -140px;
    height: 140px
}

.cmp-resFinder #loader-screen-rc .book_item.first:before,
.cmp-resFinder #loader-screen-rc .book_item.first:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: white
}

.cmp-resFinder #loader-screen-rc .book_item.first:after {
    top: initial;
    bottom: 10px
}

.cmp-resFinder #loader-screen-rc .book_item.second:before,
.cmp-resFinder #loader-screen-rc .book_item.fifth:before,
.cmp-resFinder #loader-screen-rc .book_item.second:after,
.cmp-resFinder #loader-screen-rc .book_item.fifth:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 17.5px;
    border-top: 5px solid white;
    border-bottom: 5px solid white
}

.cmp-resFinder #loader-screen-rc .book_item.second:after,
.cmp-resFinder #loader-screen-rc .book_item.fifth:after {
    top: initial;
    bottom: 10px
}

.cmp-resFinder #loader-screen-rc .book_item.third:before,
.cmp-resFinder #loader-screen-rc .book_item.third:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 10px;
    left: 9px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 5px solid white
}

.cmp-resFinder #loader-screen-rc .book_item.third:after {
    top: initial;
    bottom: 10px
}

.cmp-resFinder #loader-screen-rc .book_item.fourth {
    top: -130px;
    height: 130px
}

.cmp-resFinder #loader-screen-rc .book_item.fourth:before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 46px;
    left: 0;
    width: 100%;
    height: 17.5px;
    border-top: 5px solid white;
    border-bottom: 5px solid white
}

.cmp-resFinder #loader-screen-rc .book_item.fifth {
    top: -100px;
    height: 100px
}

.cmp-resFinder #loader-screen-rc .book_item.sixth {
    top: -140px;
    height: 140px
}

.cmp-resFinder #loader-screen-rc .book_item.sixth:before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    bottom: 31px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: white
}

.cmp-resFinder #loader-screen-rc .book_item.sixth:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    bottom: 10px;
    left: 9px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 5px solid white
}

.cmp-resFinder #loader-screen-rc .book_item:nth-child(2) {
    animation-delay: 416.6666666667ms
}

.cmp-resFinder #loader-screen-rc .book_item:nth-child(3) {
    animation-delay: 833.3333333333ms
}

.cmp-resFinder #loader-screen-rc .book_item:nth-child(4) {
    animation-delay: 1250ms
}

.cmp-resFinder #loader-screen-rc .book_item:nth-child(5) {
    animation-delay: 1666.6666666667ms
}

.cmp-resFinder #loader-screen-rc .book_item:nth-child(6) {
    animation-delay: 2083.3333333333ms
}

.cmp-resFinder #loader-screen-rc .shelf {
    width: 300px;
    height: 5px;
    margin: 0 auto;
    background-color: white;
    position: relative
}

.cmp-resFinder #loader-screen-rc .shelf:before,
.cmp-resFinder #loader-screen-rc .shelf:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    background-image: radial-gradient(rgba(255, 255, 255, 0.5) 30%, transparent 0);
    background-size: 10px 10px;
    background-position: 0 -2.5px;
    top: 200%;
    left: 5%;
    animation: rc-move 250ms linear infinite
}

.cmp-resFinder #loader-screen-rc .shelf:after {
    top: 400%;
    left: 7.5%
}

@keyframes rc-move {
    from {
        background-position-x: 0
    }

    to {
        background-position-x: 10px
    }
}

@keyframes rc-travel {
    1% {
        opacity: 0;
        transform: translateX(300px) rotateZ(0) scaleY(1)
    }

    6.5% {
        transform: translateX(279.5px) rotateZ(0) scaleY(1.1)
    }

    8.8% {
        transform: translateX(273.6px) rotateZ(0) scaleY(1)
    }

    10% {
        opacity: 1;
        transform: translateX(270px) rotateZ(0)
    }

    17.6% {
        transform: translateX(247.2px) rotateZ(-30deg)
    }

    45% {
        transform: translateX(165px) rotateZ(-30deg)
    }

    49.5% {
        transform: translateX(151.5px) rotateZ(-45deg)
    }

    61.5% {
        transform: translateX(115.5px) rotateZ(-45deg)
    }

    67% {
        transform: translateX(99px) rotateZ(-60deg)
    }

    76% {
        transform: translateX(72px) rotateZ(-60deg)
    }

    83.5% {
        opacity: 1;
        transform: translateX(49.5px) rotateZ(-90deg)
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateX(0) rotateZ(-90deg)
    }
}

.cmp-resFinder .share-tooltip {
    position: absolute;
    display: none;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 15px;
    padding: 2px 10px;
    font-family: "APKProtocol Regular";
    font-size: 14px;
    text-align: center;
    z-index: 102
}

.cmp-resFinder #clipborad-el {
    width: 5px !important;
    height: 5px !important;
    border: 0 !important;
    background: #fff !important;
    padding: 0 !important;
    color: #fff !important
}

.cmp-resFinder .dn-cart-container {
    position: fixed;
    bottom: 100px;
    right: 50px;
    cursor: pointer;
    display: none;
    z-index: 1;
    animation: tilt-shaking .5s forwards ease-in-out;
    animation-iteration-count: 2
}

@media screen and (max-width:1024px) {
    .cmp-resFinder .dn-cart-container {
        right: 15px
    }
}

@media screen and (max-width:576px) {
    .cmp-resFinder .dn-cart-container {
        bottom: 50px
    }
}

@keyframes tilt-shaking {
    1% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(10deg)
    }

    50% {
        transform: rotate(0eg)
    }

    75% {
        transform: rotate(-10deg)
    }

    100% {
        transform: rotate(0)
    }
}

.cmp-resFinder .dn-cart-container .dn-cart {
    display: block;
    width: 55px;
    height: 47px;
    background-size: 100% 100%;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/rc_download_cart.png')
}

.cmp-resFinder .dn-cart-container .file-count {
    width: 25px;
    height: 25px;
    border: 1px solid #000;
    background: #fff;
    border-radius: 20px;
    position: absolute;
    top: -2px;
    right: -7px;
    text-align: center;
    font-size: 100%;
    font-family: "APKProtocol Semibold"
}

.cmp-resFinder .dn-cart-container .doc-loader {
    padding: 5px 10px;
    visibility: hidden
}

.cmp-resFinder .dn-cart-container .doc-loader.show {
    visibility: visible
}

.cmp-resFinder .dn-cart-container .doc-loader .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000
}

.cmp-resFinder .dn-cart-container .doc-loader .dot:nth-last-child(1) {
    animation: jumpingAnimation 1.2s .6s linear infinite
}

.cmp-resFinder .dn-cart-container .doc-loader .dot:nth-last-child(2) {
    animation: jumpingAnimation 1.2s .3s linear infinite
}

.cmp-resFinder .dn-cart-container .doc-loader .dot:nth-last-child(3) {
    animation: jumpingAnimation 1.2s 0 linear infinite
}

@keyframes jumpingAnimation {
    1% {
        transform: translate(0, 0)
    }

    16% {
        transform: translate(0, -15px)
    }

    33% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

.cmp-resFinder .reload-data-wrapper {
    display: none;
    font-family: "APKProtocol Regular", "sans-serif";
    margin: -38px 15px 0 10px;
    height: 30px;
    position: relative
}

@media screen and (max-width:650px) {
    .cmp-resFinder .reload-data-wrapper {
        margin-top: -75px;
        right: -400px
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder .reload-data-wrapper {
        margin-top: -57px;
        right: 10px
    }
}

.cmp-resFinder .reload-data-wrapper.show {
    display: inline-block
}

.cmp-resFinder .reload-data-wrapper .rf-label {
    position: relative;
    top: -7px;
    right: 5px
}

@media screen and (max-width:768px) {
    .cmp-resFinder .reload-data-wrapper .rf-label {
        font-size: 14px
    }
}

.cmp-resFinder .reload-data-wrapper .reload-cta {
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    background-size: 100% 100%;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/reload_docs_icon.png');
    border: 1px solid #000
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder .reload-data-wrapper .reload-cta {
        width: 25px;
        height: 25px
    }
}

.rf-autoComp {
    font-family: "APKProtocol Regular";
    z-index: 98
}

.rf-autoComp.ui-widget {
    font-family: "APKProtocol Regular"
}

.rf-autoComp.ui-widget a {
    font-family: "APKProtocol Regular";
    font-size: 18px;
    color: #000 !important
}

@media screen and (max-width:calc(576px - 1px)) {
    .rf-autoComp.ui-widget a {
        font-size: 16px
    }
}

.rf-autoComp.ui-widget-content {
    border: 0;
    border-top: 1px solid #e1e1e1;
    background: #fdfdfd;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
    padding: 20px !important
}

@media screen and (max-width:calc(576px - 1px)) {
    .rf-autoComp.ui-widget-content {
        border: 0;
        box-shadow: 6px 2px 0 rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 6px 2px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 6px 2px 0 rgba(0, 0, 0, 0.25);
        padding: 0 35px 20px 35px !important
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .rf-autoComp {
        width: 100% !important;
        left: 0 !important;
        border: 0 !important;
        box-shadow: none;
        max-height: none !important;
        background: #fff !important;
        z-index: 98
    }
}

.rf-autoComp .ui-menu-item {
    padding: 2px !important;
    font-size: 18px
}

@media screen and (max-width:calc(576px - 1px)) {
    .rf-autoComp .ui-menu-item {
        font-size: 14px !important
    }
}

.rf-autoComp .ui-menu-item:hover {
    background: #eee
}

.rf-autoComp .ui-menu-item span {
    background: none !important;
    border: none !important;
    color: #000 !important;
    padding: 0 !important
}

.rf-autoComp .ui-menu-item.option-type {
    font-size: 12px;
    cursor: default !important;
    padding: 10px 2px !important
}

.rf-autoComp .ui-menu-item.option-type:hover {
    background: #fdfdfd
}

@media screen and (max-width:calc(576px - 1px)) {
    .rf-autoComp .ui-menu-item.option-type {
        font-family: "APKProtocol Bold"
    }
}

@media print {

    .acc-head,
    .acc-content,
    .q-el,
    .a-el {
        display: flex
    }

    .acc-content,
    .a-el {
        margin-top: 15px
    }

    .q-icon,
    .a-icon,
    .q-i,
    .a-i {
        display: inline-block;
        border: 1px solid #eee;
        border-radius: 5px;
        margin-right: 15px;
        padding: 3px 10px;
        max-height: 35px
    }

    .q-icon,
    .q-i {
        color: #000
    }

    .print-faq,
    .ol-print {
        display: none
    }

    ol,
    ul {
        margin: auto !important;
        padding-left: 40px !important
    }

    .rc-print-logo {
        width: 160px;
        height: 45px;
        margin-bottom: 40px
    }

    .rc-print-copyright {
        text-align: center;
        color: #ccc;
        padding: 20px 80px
    }
}

.cmp-resFinder-Preview {
    overflow-x: hidden;
    padding-bottom: 20px;
    padding-top: 20px
}

.cmp-resFinder-Preview .search-component .container {
    padding: 0 15px
}

@media screen and (min-width:1024px) {
    .cmp-resFinder-Preview .search-component .container {
        padding: 0 94px
    }
}

.cmp-resFinder-Preview .search-component .search-container {
    font-family: "APKProtocol regular"
}

.cmp-resFinder-Preview .search-component .search-container a {
    text-decoration: none
}

.cmp-resFinder-Preview .search-component .search-container a:hover {
    color: #666;
    text-decoration: none
}

.cmp-resFinder-Preview .search-component .search-container .headline {
    float: left;
    max-width: calc(100% - 125px)
}

.cmp-resFinder-Preview .search-component .search-container .view-icons {
    float: right;
    margin-right: 0
}

.cmp-resFinder-Preview .search-component .search-container .view-icons.hide-v-icons {
    display: none
}

@media screen and (max-width:768px) {
    .cmp-resFinder-Preview .search-component .search-container .view-icons span {
        font-size: 14px
    }
}

.cmp-resFinder-Preview .search-component .search-container .view-icons .fas {
    color: #e1e1e1;
    background: white;
    border: 0;
    outline: 0
}

.cmp-resFinder-Preview .search-component .search-container .view-icons .fas.active {
    color: #000
}

.cmp-resFinder-Preview .search-component .search-container .view-icons .fas.fa-th:before {
    content: "\f00a"
}

.cmp-resFinder-Preview .search-component .search-container .view-icons .fas.fa-th-list:before {
    content: "\f00b"
}

.cmp-resFinder-Preview .search-component .search-container .divider-line {
    border-bottom: 1px solid #e1e1e1;
    position: absolute;
    width: 100%;
    left: 0
}

@media screen and (max-width:768px) {
    .cmp-resFinder-Preview .search-component .search-container .search-result {
        max-width: 100% !important
    }
}

.cmp-resFinder-Preview .search-component .search-container .search-result .results-body {
    width: 100%;
    margin: 0
}

.cmp-resFinder-Preview .search-component .search-container .search-result .result-header {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 25px;
    padding-top: 30px;
    margin-bottom: 25px
}

.cmp-resFinder-Preview .search-component .search-container .search-result .result-header a {
    float: right
}

.cmp-resFinder-Preview .search-component .search-container .search-result .result-header .top-title {
    font-family: "APKProtocol Medium"
}

.cmp-resFinder-Preview .search-component .search-container .search-result .result-header.pf-view {
    margin-right: -15px;
    margin-top: 20px;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: -25px;
    text-align: right
}

@media screen and (max-width:768px) {
    .cmp-resFinder-Preview .search-component .search-container .search-result .result-header.pf-view {
        margin-bottom: 0;
        text-align: left;
        margin-left: -15px
    }
}

.cmp-resFinder-Preview .search-component .search-container .search-result .result-header.pf-view h5 {
    font-size: 12px
}

@media screen and (max-width:768px) {
    .cmp-resFinder-Preview .search-component .search-container .search-result .result-header.pf-view h5 {
        font-size: 14px
    }
}

.cmp-resFinder-Preview .search-component .search-container .search-result .validated:before {
    width: 49px;
    height: 53px;
    content: " ";
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/golden-border-icon.svg');
    position: absolute;
    left: 9px;
    top: -6px;
    background-size: 100%;
    background-repeat: no-repeat
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list {
    margin-top: 25px;
    position: relative
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .bg-img {
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30% 30%;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    height: 200px
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .bg-img.page {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/page.svg')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .bg-img.pdf {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/pdf-icon.svg')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .bg-img.ppt {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/powerpoint-icon.svg')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .bg-img.doc {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/word-icon.svg')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .bg-img.sheet {
    background-image: url('https://www.qnityelectronics.com/content/dam/electronics/amer/us/en/electronics/general/icons/sheet-icon.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .bg-img.zip {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/zip-icon.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .bg-img.exe {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/exe-icon.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .bg-img .res-img {
    width: 100%;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .res-name,
.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .page-name {
    margin: 10px 0 35px 0;
    max-height: 100px;
    overflow: hidden
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .res-name a,
.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .page-name a {
    font-family: "APKProtocol Regular";
    font-size: 1rem
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .res-name .text-search,
.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .page-name .text-search {
    background-color: #beff00
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .res-name .text-search .text-search,
.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .page-name .text-search .text-search {
    background-color: rgba(255, 255, 255, 0)
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .ifu-no {
    display: none;
    position: relative;
    bottom: 20px;
    font-size: 14px;
    padding: 5px 0 15px 0
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .ifu-no.show-ifu {
    display: block
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .res-download {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .res-download a {
    float: left;
    margin-right: 10%;
    padding: 0 10px 6px 4px;
    border-radius: 20px
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .res-download a:hover {
    color: #666
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .res-download a:hover .dn-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .res-download a span {
    top: -2px;
    position: relative
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .res-download a.selected {
    background: #beff00
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .res-download a.selected:hover {
    color: black;
    background: #98cc00
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .res-download a.selected .dn-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .res-list .res-download a>.dn-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100% 100%;
    position: relative;
    top: 5px;
    margin-right: 3px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadWhitetick.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list {
    margin-top: 25px;
    position: relative
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .bg-img {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/bg-placeholder.png');
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40% 40%;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    height: 200px
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .bg-img .thumb-img {
    width: 100%;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .img-name {
    margin: 10px 0 35px 0;
    max-height: 100px;
    overflow: hidden
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .img-name .text-search {
    background-color: #beff00
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .img-name .text-search .text-search {
    background-color: rgba(255, 255, 255, 0)
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .img-download {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .img-download a {
    float: left;
    margin-right: 10%;
    padding: 0 10px 6px 4px;
    border-radius: 20px
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .img-download a:hover {
    color: #666
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .img-download a:hover .dn-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .img-download a span {
    top: -2px;
    position: relative
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .img-download a.selected {
    background: #beff00
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .img-download a.selected:hover {
    color: black;
    background: #98cc00
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .img-download a.selected .dn-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .image-list .img-download a>.dn-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100% 100%;
    position: relative;
    top: 5px;
    margin-right: 3px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadWhitetick.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .video-list {
    margin-top: 25px;
    position: relative;
    height: 280px
}

.cmp-resFinder-Preview .search-component .search-container .search-result .video-list video {
    width: 100%;
    height: 180px;
    object-fit: fill;
    background: black;
    box-shadow: 1px -2px 6px -5px #000;
    -webkit-box-shadow: 1px -2px 6px -5px #000
}

.cmp-resFinder-Preview .search-component .search-container .search-result .video-list .play-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    top: 80px;
    left: 45%;
    background-size: 100% 100%;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/green-videoplay-icon.svg')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .video-list .lock-screen {
    height: 180px;
    top: -188px
}

.cmp-resFinder-Preview .search-component .search-container .search-result .video-list .unlock-icon,
.cmp-resFinder-Preview .search-component .search-container .search-result .video-list .lock-icon {
    background-color: #fff !important;
    background-size: 80% 80% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 1px solid #000 !important;
    border-radius: 5px !important
}

.cmp-resFinder-Preview .search-component .search-container .search-result .video-list .vid-name-container {
    width: 100%;
    -webkit-box-shadow: 0 3px 5px 0 #a6a6a6;
    -moz-box-shadow: 0 3px 5px 0 #a6a6a6;
    box-shadow: 0 3px 5px 0 #a6a6a6;
    padding: 8px;
    position: relative;
    top: -5px;
    overflow: hidden;
    height: 60px;
    background: #fff
}

.cmp-resFinder-Preview .search-component .search-container .search-result .video-list .vid-name-container.top-set {
    top: -185px
}

.cmp-resFinder-Preview .search-component .search-container .search-result .video-list .vid-name-container .vid-name {
    margin: 10px 0 25px 0;
    max-height: 100px;
    overflow: hidden
}

.cmp-resFinder-Preview .search-component .search-container .search-result .video-list .vid-name-container .vid-name .text-search {
    background-color: #beff00
}

.cmp-resFinder-Preview .search-component .search-container .search-result .video-list .vid-name-container .vid-name .text-search .text-search {
    background-color: rgba(255, 255, 255, 0)
}

.cmp-resFinder-Preview .search-component .search-container .search-result .block-view,
.cmp-resFinder-Preview .search-component .search-container .search-result .list-view {
    display: none
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result {
    padding: 18px 0 10px 0;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    position: relative
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result.docs,
.cmp-resFinder-Preview .search-component .search-container .search-result .item-result.images {
    width: calc(100% - 30px)
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result:nth-child(2) {
    border-top: 0
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result.validated:before {
    width: 35px;
    height: 35px;
    left: -9px;
    top: -6px
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result.article .publish-date {
    font-size: 12px
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result.article .publish-date span {
    font-family: "APKProtocol Semibold"
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .text-search {
    background-color: #beff00
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .text-search .text-search {
    background-color: rgba(255, 255, 255, 0)
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result a .fa {
    display: none
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result a h5:hover {
    color: #666
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result div {
    width: calc(100% - 65px)
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result div.unlocked-title {
    width: calc(100% - 90px)
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result div h5 {
    float: left
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result div .ifu-no {
    display: none;
    position: absolute;
    bottom: 1px;
    font-size: 14px
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result div .ifu-no.show-ifu {
    display: block
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .res-icon {
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    float: right
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .res-icon.pdf {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/pdf-icon.svg')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .res-icon.doc {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/word-icon.svg')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .res-icon.sheet {
    background-image: url('https://www.qnityelectronics.com/content/dam/electronics/amer/us/en/electronics/general/icons/sheet-icon.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .res-icon.zip {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/zip-icon.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .res-icon.exe {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/exe-icon.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .res-icon.ppt {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/powerpoint-icon.svg')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .res-icon.images {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/img-placeholder-icon.svg')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .res-icon.videos {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/green-videoplay-icon.svg');
    border: 2px solid #e1e1e1;
    border-radius: 20px
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .res-icon.pages {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/page.svg')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .select-res.selected .select-box,
.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .select-res:hover .select-box {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result .select-res .select-box {
    width: 25px;
    height: 25px;
    background-size: 100% 100%;
    position: absolute;
    right: -30px;
    margin-top: 2px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadWhitetick.png')
}

.cmp-resFinder-Preview .search-component .search-container .search-result .item-result p {
    font-size: 14px;
    height: 64px;
    overflow: hidden;
    font-family: "APKProtocol Regular"
}

.cmp-resFinder-Preview .search-component .search-container .search-result .result-view-more {
    margin-top: 15px;
    padding-bottom: 10px
}

.cmp-resFinder-Preview .search-component .search-container .search-result .result-view-more a.cta:active {
    color: black
}

.cmp-resFinder-Preview .search-component .search-container .search-result .result-view-more a:hover {
    background-color: #beff00;
    color: black
}

.cmp-resFinder-Preview .search-component .search-container .search-result .no-result-text {
    font-size: 20px;
    margin: 20px;
    font-weight: 500;
    display: none
}

.cmp-resFinder-Preview .search-component .search-container .search-result .lock-screen {
    width: 100%;
    height: 200px;
    position: relative;
    top: -200px;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    cursor: pointer
}

.cmp-resFinder-Preview .search-component .search-container .search-result .lock-screen .lock-icon {
    width: 35px;
    height: 35px;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/lock-blackborder-blackbg-icon.svg');
    background-size: 100% 100%
}

.cmp-resFinder-Preview .search-component .search-container .search-result .lock-screen .sign-in-link {
    color: #fff;
    text-align: center;
    margin-top: 5px;
    cursor: pointer;
    background: grey;
    padding: 2px 10px;
    border-radius: 5px;
    text-shadow: 1px 1px 5px black
}

.cmp-resFinder-Preview .search-component .search-container .search-result .lock-screen .sign-in-link span {
    display: block
}

.cmp-resFinder-Preview .search-component .search-container .search-result .lock-screen .sign-in-link:hover {
    text-decoration: underline
}

.cmp-resFinder-Preview .search-component .search-container .search-result .hor-lock-screen {
    width: 100% !important;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    height: calc(100% - 11px);
    top: 5px;
    cursor: pointer
}

.cmp-resFinder-Preview .search-component .search-container .search-result .hor-lock-screen .hor-lock-icon {
    width: 35px;
    height: 35px;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/lock-blackborder-blackbg-icon.svg');
    background-size: 100% 100%
}

.cmp-resFinder-Preview .search-component .search-container .search-result .hor-lock-screen .hor-sign-in-link {
    color: #fff;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
    background: grey;
    padding: 2px 10px;
    border-radius: 5px;
    text-shadow: 1px 1px 5px black
}

.cmp-resFinder-Preview .search-component .search-container .search-result .hor-lock-screen .hor-sign-in-link:hover {
    text-decoration: underline
}

.cmp-resFinder-Preview .search-component .search-container .search-result .unlock-icon {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/unlock-blackborder-blackbg-icon.svg');
    background-size: 100% 100%;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 20px;
    float: right
}

.cmp-resFinder-Preview .search-component .search-container .search-result .hor-unlock-icon {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/unlock-blackborder-blackbg-icon.svg');
    background-size: 100% 100%;
    width: 20px !important;
    height: 20px;
    margin-right: 5px;
    float: right;
    margin-top: 6px
}

.cmp-resFinder-Preview #video-model {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000
}

.cmp-resFinder-Preview #video-model #model-close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #fff;
    font-size: xx-large;
    position: absolute;
    right: 20px;
    top: 20px
}

.cmp-resFinder-Preview #video-model #vid-container {
    position: relative;
    width: 80%;
    left: 10%;
    top: 50%;
    transform: translateY(-50%)
}

.cmp-resFinder-Preview #video-model #vid-container video {
    width: 100%
}

.cmp-resFinder-Preview .model-bg {
    position: fixed;
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 101
}

.cmp-resFinder-Preview .model-bg .model-close-btn {
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #fff;
    font-size: xx-large;
    position: absolute;
    right: 20px;
    top: 20px
}

.cmp-resFinder-Preview #signin-model #sigin-container {
    position: relative;
    max-width: 80%;
    width: 500px;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #eee;
    font-family: "APKProtocol Regular"
}

.cmp-resFinder-Preview #signin-model #sigin-container .heading-text {
    background: #eee;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    border-radius: 10px 10px 0 0
}

.cmp-resFinder-Preview #signin-model #sigin-container .heading-text span {
    display: block
}

.cmp-resFinder-Preview #signin-model #sigin-container .btns-container {
    margin: 60px 0;
    display: flex;
    justify-content: center
}

.cmp-resFinder-Preview #signin-model #sigin-container .btns-container .sign-in {
    padding: 12px 30px;
    border-radius: 25px;
    margin: 0 10px;
    color: #000;
    background: #beff00;
    border: 1px solid #beff00;
    text-align: center
}

.cmp-resFinder-Preview #signin-model #sigin-container .btns-container .sign-in:hover {
    color: #000;
    background: #98cc00;
    border: 1px solid #98cc00
}

.cmp-resFinder-Preview #signin-model #sigin-container .btns-container .sign-up {
    padding: 12px 30px;
    border-radius: 25px;
    margin: 0 10px;
    color: #000;
    background: #fff;
    border: 1px solid #beff00;
    text-align: center
}

.cmp-resFinder-Preview #signin-model #sigin-container .btns-container .sign-up:hover {
    color: #000;
    background: #beff00
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder-Preview #signin-model #sigin-container .btns-container .sign-up {
        margin-top: 15px
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-resFinder-Preview #signin-model #sigin-container .btns-container {
        flex-direction: column;
        width: 80%;
        margin-left: 10%
    }
}

.cmp-resFinder-Preview .dn-cart-container {
    position: fixed;
    bottom: 100px;
    right: 50px;
    cursor: pointer;
    display: none;
    z-index: 1;
    animation: tilt-shaking .5s forwards ease-in-out;
    animation-iteration-count: 2
}

@media screen and (max-width:1024px) {
    .cmp-resFinder-Preview .dn-cart-container {
        right: 15px
    }
}

@media screen and (max-width:576px) {
    .cmp-resFinder-Preview .dn-cart-container {
        bottom: 50px
    }
}

@keyframes tilt-shaking {
    1% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(10deg)
    }

    50% {
        transform: rotate(0eg)
    }

    75% {
        transform: rotate(-10deg)
    }

    100% {
        transform: rotate(0)
    }
}

.cmp-resFinder-Preview .dn-cart-container .dn-cart {
    display: block;
    width: 55px;
    height: 47px;
    background-size: 100% 100%;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/rc_download_cart.png')
}

.cmp-resFinder-Preview .dn-cart-container .file-count {
    width: 25px;
    height: 25px;
    border: 1px solid #000;
    background: #fff;
    border-radius: 20px;
    position: absolute;
    top: -2px;
    right: -7px;
    text-align: center;
    font-size: 100%;
    font-family: "APKProtocol Semibold"
}

.cmp-resFinder-Preview .dn-cart-container .doc-loader {
    padding: 5px 10px;
    visibility: hidden
}

.cmp-resFinder-Preview .dn-cart-container .doc-loader.show {
    visibility: visible
}

.cmp-resFinder-Preview .dn-cart-container .doc-loader .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000
}

.cmp-resFinder-Preview .dn-cart-container .doc-loader .dot:nth-last-child(1) {
    animation: jumpingAnimation 1.2s .6s linear infinite
}

.cmp-resFinder-Preview .dn-cart-container .doc-loader .dot:nth-last-child(2) {
    animation: jumpingAnimation 1.2s .3s linear infinite
}

.cmp-resFinder-Preview .dn-cart-container .doc-loader .dot:nth-last-child(3) {
    animation: jumpingAnimation 1.2s 0 linear infinite
}

@keyframes jumpingAnimation {
    1% {
        transform: translate(0, 0)
    }

    16% {
        transform: translate(0, -15px)
    }

    33% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

.cmp-resFinder-Preview .dn-expand-wrapper {
    position: fixed;
    bottom: 190px;
    right: 30px;
    cursor: pointer;
    display: none;
    z-index: 3
}

@media screen and (max-width:1024px) {
    .cmp-resFinder-Preview .dn-expand-wrapper {
        right: 20px
    }
}

@media screen and (max-width:576px) {
    .cmp-resFinder-Preview .dn-expand-wrapper {
        bottom: 140px
    }
}

.cmp-resFinder-Preview .dn-expand-wrapper .docs-list {
    background: #fff;
    border: 1px solid #bbb;
    margin-bottom: -10px;
    max-width: 300px;
    width: 0;
    opacity: 0
}

.cmp-resFinder-Preview .dn-expand-wrapper .docs-list.show {
    width: auto;
    opacity: 1
}

.cmp-resFinder-Preview .dn-expand-wrapper .docs-list.show ul {
    max-height: calc(100vh - 350px)
}

@media screen and (max-width:1024px) {
    .cmp-resFinder-Preview .dn-expand-wrapper .docs-list {
        max-width: 250px
    }
}

.cmp-resFinder-Preview .dn-expand-wrapper .docs-list .dc-close {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/close-icon-black.png');
    width: 25px;
    height: 25px;
    display: block;
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    right: -8px;
    top: -12px;
    z-index: 1
}

.cmp-resFinder-Preview .dn-expand-wrapper .docs-list ul {
    list-style: none;
    max-height: 0;
    overflow-y: auto;
    padding: 10px;
    height: auto;
    transition: max-height 1s ease
}

.cmp-resFinder-Preview .dn-expand-wrapper .docs-list ul li {
    display: flex;
    justify-content: space-between;
    margin: 10px 5px
}

.cmp-resFinder-Preview .dn-expand-wrapper .docs-list ul li .doc-name {
    font-family: 'APKProtocol Regular';
    font-size: 14px;
    display: block;
    width: calc(100% - 30px);
    align-self: center
}

.cmp-resFinder-Preview .dn-expand-wrapper .docs-list ul li .remove-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/remove-red-icon.svg');
    width: 25px;
    height: 25px;
    display: block;
    background-size: 100%;
    cursor: pointer;
    float: right;
    align-self: center
}

.cmp-resFinder-Preview .dn-expand-wrapper .expand-arrow {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/upwards-arrow.png');
    width: 55px;
    height: 55px;
    display: block;
    background-size: 100%;
    cursor: pointer;
    float: right;
    margin-right: 23px
}

@media screen and (max-width:1024px) {
    .cmp-resFinder-Preview .dn-expand-wrapper .expand-arrow {
        margin-right: -2px
    }
}

.resource-finder-preview.teal-color-icons .res-icon {
    background-size: 100% !important
}

.resource-finder-preview.teal-color-icons .res-icon.pdf {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/pdf-icon.svg') !important
}

.resource-finder-preview.teal-color-icons .res-icon.videos {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/videoPlay-placeholder-icon.svg') !important;
    border: none !important
}

.resource-finder-preview.teal-color-icons .res-icon.pages {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/page.svg') !important
}

.resource-finder-preview.teal-color-icons .select-res.selected {
    background-color: rgba(0, 178, 169, 0.3) !important
}

.resource-finder-preview.teal-color-icons .select-res .dn-icon,
.resource-finder-preview.teal-color-icons .select-res .select-box {
    background-image: url('https://www.qnityelectronics.com/content/dam/electronics/amer/us/en/electronics/general/downloadHovertick.png') !important
}

.resource-finder-preview.teal-color-icons .select-res:hover .dn-icon,
.resource-finder-preview.teal-color-icons .select-res.selected .dn-icon,
.resource-finder-preview.teal-color-icons .select-res:hover .select-box,
.resource-finder-preview.teal-color-icons .select-res.selected .select-box {
    background-image: url('https://www.qnityelectronics.com/content/dam/electronics/amer/us/en/electronics/general/downloadHovertick.png') !important
}

.resource-finder-preview.teal-color-icons .dn-cart-container {
    bottom: 50px !important
}

.resource-finder-preview.teal-color-icons .dn-cart-container .dn-cart {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/download_teal_1.png') !important
}

.resource-finder-preview.teal-color-icons .dn-cart-container .file-count {
    border: 1px solid #00b2a9 !important
}

.resource-finder-preview.teal-color-icons .dn-cart-container .dot {
    background-color: #00b2a9 !important
}

.resource-finder-preview.teal-color-icons .dn-expand-wrapper {
    bottom: 140px !important
}

.resource-finder-preview.teal-color-icons .dn-expand-wrapper .expand-arrow {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/upwards-arrow-teal.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: bottom center
}

.resource-finder-preview.teal-color-icons .dn-expand-wrapper .remove-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/remove-teal-icon.svg') !important
}

.resource-finder-preview.border-none .item-result {
    border-bottom: none !important
}

.resource-finder-preview.rfp-full-width .container {
    width: 100%;
    padding: 0
}

.resource-finder-preview.rfp-full-width .cmp-resFinder-Preview {
    padding: 0
}

.resource-finder-preview.heading-h4 h5 {
    font-size: 26px;
    line-height: 32px
}

@media(max-width:767px) {
    .resource-finder-preview.heading-h4 h5 {
        font-size: 20px;
        line-height: 28px
    }
}

.businessUnitList,
.nav-user-icon ul.businessUnitList,
.lite-header-navigation .nav-user-icon ul.businessUnitList {
    position: static;
    padding: 0;
    margin: 0;
    max-height: none
}

.businessUnitList .letterBadge {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #386768;
    line-height: 34px;
    text-align: center;
    border-radius: 50px;
    margin-right: 5px;
    color: white;
    font-family: 'APKProtocol Medium'
}

.businessUnitList .greyout {
    opacity: .3
}

.businessUnitList li a {
    display: flex;
    align-items: center;
    width: auto
}

.nav-user-icon {
    padding-right: 0 !important
}

.nav-user-icon img {
    max-width: 24px
}

.nav-user-icon ul {
    position: absolute;
    width: max-content;
    top: 35px;
    background-color: #fff;
    margin-left: -30px;
    right: 0;
    padding: 35px 30px 15px 30px;
    max-height: calc(100vh - 100px);
    overflow: auto
}

.nav-user-icon ul li {
    border: none !important;
    display: block;
    padding: 10px 0 !important
}

.nav-user-icon ul li a {
    opacity: 1;
    margin-left: 0;
    color: #212121;
    font-family: 'APKProtocol Regular';
    line-height: 18px;
    font-size: calc(14px - (2 * (1px - ((100vw - 1024px) / 416))));
    transition-property: none;
    padding: 0;
    text-decoration: none
}

.nav-user-icon ul li h5 {
    margin: 0
}

.nav-user-icon ul li#businessUnit {
    padding: 0 !important
}

.nav-user-icon:hover ul {
    display: block
}

@media screen and (max-width:1023px) {
    .nav-user-icon {
        display: none !important
    }
}

.profileClose {
    display: none;
    left: auto !important;
    right: 18px
}

.signOutPop-holder {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    margin: 0 !important;
    padding: 33px;
    overflow: auto;
    display: none
}

.signOutPop-modal {
    max-width: 550px;
    width: calc(100% - 66px);
    background: #fafafa;
    border: 5px solid #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.signOutPop-modal>article {
    padding: 0 22px 20px
}

.signOutPop-modal-title h5 {
    margin: 30px 0 0;
    padding: 0
}

.signOutPop-modal-footer .btn {
    border: 1px solid #222;
    border-radius: 100px;
    padding: 10px 60px;
    margin: 0 15px 0 0;
    background: #fff
}

@media(max-width:575px) {
    .signOutPop-modal-footer .btn {
        display: block;
        margin: 0 0 15px;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .two-up-comp.two-up-mob-padding {
        padding: 0 !important
    }
}

@media screen and (min-width:1300px) {
    .two-up-comp .twoup-wrap {
        margin-bottom: 140px
    }
}

.two-up-comp .twoup-wrap[data-is-animate="true"] {
    visibility: hidden
}

.two-up-comp .twoup-wrap.editmode {
    visibility: visible
}

.two-up-comp .twoup-wrap.animate {
    visibility: visible;
    animation: bringUp 1s 1 alternate;
    -webkit-animation: bringUp 1s 1 alternate
}

@keyframes bringUp {
    1% {
        transform: translateY(100px);
        -webkit-transform: translateY(100px)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes bringUp {
    1% {
        transform: translateY(100px);
        -webkit-transform: translateY(100px)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

.two-up-comp .twoup-wrap.animate .component-twoup-items {
    animation: leaves 1s 1 alternate;
    -webkit-animation: leaves 1s 1 alternate
}

@keyframes leaves {
    1% {
        transform: scale(0.6, 1);
        -webkit-transform: scale(0.6, 1)
    }

    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1)
    }
}

@-webkit-keyframes leaves {
    1% {
        transform: scale(0.6, 1);
        -webkit-transform: scale(0.6, 1)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1, 1)
    }
}

.two-up-comp .twoup-wrap.animate .component-twoup-items .component-twoup-items-item {
    animation: bringUp 1s 1 alternate;
    -webkit-animation: bringUp 1s 1 alternate
}

@media screen and (max-width:767px) {
    .two-up-comp .twoup-wrap {
        padding: 42px 33px 64px 33px
    }
}

@media screen and (min-width:768px) {
    .two-up-comp .twoup-wrap {
        text-align: center;
        background: none !important
    }
}

@media screen and (min-width:1300px) {
    .two-up-comp .twoup-wrap {
        text-align: initial
    }
}

.two-up-comp .twoup-wrap .twoup-title-col {
    width: 460px;
    margin: 0 0 66px 120px
}

@media screen and (max-width:1299px) {
    .two-up-comp .twoup-wrap .twoup-title-col.no-show {
        display: none
    }
}

@media screen and (max-width:767px) {
    .two-up-comp .twoup-wrap .twoup-title-col {
        width: 100%;
        margin: 0
    }
}

@media screen and (min-width:768px) {
    .two-up-comp .twoup-wrap .twoup-title-col {
        width: 480px;
        display: inline-block;
        padding: 30px 0;
        margin: 0
    }
}

@media screen and (min-width:1300px) {
    .two-up-comp .twoup-wrap .twoup-title-col {
        width: 450px;
        margin: 0 0 66px 120px;
        padding: 0
    }
}

.two-up-comp .twoup-wrap .twoup-title-col h2 {
    font-size: 32px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 16px
}

.two-up-comp .twoup-wrap .twoup-title-col .p-text {
    margin-top: 15px
}

.two-up-comp .twoup-wrap .component-twoup-items {
    border-radius: 16px;
    height: 486px;
    width: 100%;
    flex-wrap: wrap;
    margin: 0;
    justify-content: space-between;
    display: flex;
    background-size: cover !important
}

@media screen and (max-width:767px) {
    .two-up-comp .twoup-wrap .component-twoup-items {
        background: none !important;
        height: auto
    }
}

@media screen and (min-width:768px) {
    .two-up-comp .twoup-wrap .component-twoup-items {
        flex-wrap: nowrap;
        height: auto
    }
}

@media screen and (min-width:1300px) {
    .two-up-comp .twoup-wrap .component-twoup-items {
        height: 480px
    }
}

.two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item {
    border-radius: 16px;
    background: #fff
}

.two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item:nth-child(1) {
    box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.33);
    width: 420px;
    margin: 60px 0 0 120px
}

@media screen and (max-width:767px) {
    .two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item:nth-child(1) {
        margin: 30px 0;
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item:nth-child(1) {
        width: 47%;
        margin: 30px
    }
}

@media screen and (min-width:1300px) {
    .two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item:nth-child(1) {
        width: 420px;
        margin: 60px auto auto 120px
    }
}

.two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item:nth-child(2) {
    box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.33);
    width: 420px;
    margin: -128px 120px auto auto
}

@media screen and (max-width:767px) {
    .two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item:nth-child(2) {
        margin: 0;
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item:nth-child(2) {
        width: 47%;
        margin: 30px
    }
}

@media screen and (min-width:1300px) {
    .two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item:nth-child(2) {
        width: 420px;
        margin: -128px 120px auto auto
    }
}

.two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item img {
    width: 100%;
    display: block;
    max-width: 100%;
    max-height: 773px;
    height: 300px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    object-fit: cover
}

@media screen and (max-width:767px) {
    .two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item img {
        height: auto
    }
}

.two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item .component-twoup-items-item-content {
    text-align: left
}

.two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item .component-twoup-items-item-content .card-title {
    margin: 0;
    padding: 29px 38px 0 38px;
    font-size: 18px;
    line-height: 24.2px;
    font-family: "APKProtocol Bold";
    text-align: left;
    height: 75px
}

@media screen and (max-width:767px) {
    .two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item .component-twoup-items-item-content .card-title {
        height: auto
    }
}

.two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item .component-twoup-items-item-content p {
    margin: 0;
    padding: 12px 38px;
    height: 80px;
    overflow: hidden;
    text-align: left
}

@media screen and (max-width:767px) {
    .two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item .component-twoup-items-item-content p {
        height: auto
    }
}

.two-up-comp .twoup-wrap .component-twoup-items .component-twoup-items-item .component-twoup-items-item-content a {
    margin: 12px 38px 44px 38px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    display: inline-block
}

@media screen and (max-width:767px) {
    .fb-bg-img .container {
        padding: 0 !important
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .fb-bg-img .container {
        padding: 0 33px !important
    }
}

@media screen and (min-width:1024px) {
    .fb-bg-img .container {
        padding: 0 94px !important
    }
}

.fb-bg-img .container .fb-main-wrap {
    border-radius: 16px;
    padding: 0;
    height: 376px;
    background-size: 100% 100% !important
}

@media screen and (max-width:767px) {
    .fb-bg-img .container .fb-main-wrap {
        height: auto;
        border-radius: 0;
        padding: 68px 33px 63px 33px;
        margin-top: 50px
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .fb-bg-img .container .fb-main-wrap {
        height: auto;
        border-radius: 16px
    }
}

.fb-bg-img .container .fb-main-wrap .fb-featuredBlock-desc {
    padding: 87px 0 91px 61px
}

@media screen and (max-width:767px) {
    .fb-bg-img .container .fb-main-wrap .fb-featuredBlock-desc {
        padding: 0
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .fb-bg-img .container .fb-main-wrap .fb-featuredBlock-desc {
        padding: 30px
    }
}

.fb-bg-img .container .fb-main-wrap .fb-featuredBlock-desc h2 {
    text-transform: uppercase;
    margin: 0;
    color: #000;
    font-size: 45px;
    line-height: 33px;
    font-family: "APKProtocol Bold";
    letter-spacing: .5px;
    font-weight: bold
}

.fb-bg-img .container .fb-main-wrap .fb-featuredBlock-desc p {
    padding-top: 15px;
    font-size: 15px;
    width: 434px;
    line-height: 22px;
    color: #000;
    font-family: "APKProtocol Regular"
}

@media screen and (max-width:1200px) {
    .fb-bg-img .container .fb-main-wrap .fb-featuredBlock-desc p {
        width: 100%
    }
}

.fb-bg-img .container .fb-main-wrap .fb-featuredBlock-desc a {
    font-family: "APKProtocol Medium";
    font-size: 13px;
    width: 201px;
    height: 35px;
    display: inline-block;
    line-height: 31px;
    border-radius: 6px;
    color: #fff;
    margin-top: 10px;
    text-decoration: none;
    text-align: center;
    transition: all .3s linear;
    border: solid 2px #000;
    background: #000 url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/cta-arrow.png") no-repeat 170px 8px !important
}

.fb-bg-img .container .fb-main-wrap .fb-featuredBlock-desc a:hover {
    color: #000;
    border: solid 2px #000;
    transition: all .3s linear;
    cursor: pointer;
    background: #fff url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/arrow-black.png") no-repeat 170px 8px !important
}

.fb-bg-img .container .fb-main-wrap .fb-featurebblock-img {
    padding: 0
}

@media screen and (max-width:767px) {
    .fb-bg-img .container .fb-main-wrap .fb-featurebblock-img {
        padding-top: 27px
    }
}

.fb-bg-img .container .fb-main-wrap .fb-featurebblock-img .fb-image {
    width: 427px;
    height: 272px;
    float: right;
    margin: 52px 48px 52px 0
}

@media screen and (min-width:480px) and (max-width:767px) {
    .fb-bg-img .container .fb-main-wrap .fb-featurebblock-img .fb-image {
        width: 400px;
        height: auto;
        float: left
    }
}

@media screen and (max-width:767px) {
    .fb-bg-img .container .fb-main-wrap .fb-featurebblock-img .fb-image {
        width: 100%;
        height: auto;
        margin: 0
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .fb-bg-img .container .fb-main-wrap .fb-featurebblock-img .fb-image {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 30px
    }
}

.fb-bg-img .container .fb-main-wrap .fb-featurebblock-img .fb-image .fbimg {
    border-radius: 16px;
    width: 100%;
    height: 100%
}

.fb-bg-img .container .fb-main-wrap .fb-flex-wrap {
    margin: 0
}

.fb-bg-img .container .fb-main-wrap .fb-img-text {
    display: none
}

.fb-bg-img .container .fb-main-wrap .fbimg {
    width: 100%
}

.img-at-left .fb-flex-wrap {
    display: flex;
    flex-direction: row-reverse
}

.bg-img-featuredblock-wrap .fb-main-wrap {
    margin: 210px 0 100px 0
}

@media screen and (max-width:767px) {
    .bg-img-featuredblock-wrap .fb-main-wrap {
        padding-bottom: 43px;
        background-size: auto
    }
}

@media screen and (max-width:767px) {
    .bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap {
        display: flex;
        flex-direction: column-reverse
    }
}

.bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-img-text {
    display: block;
    position: absolute;
    top: -180px;
    right: auto;
    left: 130px;
    text-align: center;
    width: 165px
}

@media screen and (max-width:767px) {
    .bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-img-text {
        top: 50px;
        flex-direction: column-reverse;
        display: flex;
        width: 130px;
        left: 160px
    }
}

@media screen and (min-width:1200px) and (max-width:1320px) {
    .bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-img-text {
        left: 60px
    }
}

.bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-img-text p {
    text-align: left;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-family: 'APKProtocol Medium';
    color: #000;
    font-size: 24px
}

@media screen and (max-width:767px) {
    .bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-img-text p {
        font-size: 13px
    }
}

.bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-img-text img {
    padding-top: 15px;
    text-align: center;
    display: inline-block;
    visibility: hidden;
    animation: showArrow-qb .5s 1.5s 1 forwards;
    -webkit-animation: showArrow-qb .5s 1.5s 1 forwards
}

@keyframes showArrow-qb {
    from {
        visibility: visible;
        background-position: -30px -40px;
        transform: translateX(10px) rotate(90deg);
        -webkit-transform: translateX(10px) rotate(90deg)
    }

    to {
        visibility: visible;
        background-position: 0 0;
        transform: translateX(0) rotate(0);
        -webkit-transform: translateX(0) rotate(0)
    }
}

@-webkit-keyframes showArrow-qb {
    from {
        visibility: visible;
        background-position: -30px -40px;
        transform: translateX(10px) rotate(90deg);
        -webkit-transform: translateX(10px) rotate(90deg)
    }

    to {
        visibility: visible;
        background-position: 0 0;
        transform: translateX(0) rotate(0);
        -webkit-transform: translateX(0) rotate(0)
    }
}

@media screen and (max-width:767px) {
    .bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-img-text img {
        width: 50px;
        animation: showUp-qb .5s 1.5s 1 forwards;
        -webkit-animation: showUp-qb .5s 1.5s 1 forwards
    }

    @keyframes showUp-qb {
        from {
            visibility: visible;
            background-position: -30px -40px;
            transform: translateX(10px) rotate(-90deg);
            -webkit-transform: translateX(10px) rotate(-90deg)
        }

        to {
            visibility: visible;
            background-position: 0 0;
            transform: translateX(10px) rotate(-200deg);
            -webkit-transform: translateX(10px) rotate(-200deg)
        }
    }

    @-webkit-keyframes showUp-qb {
        from {
            visibility: visible;
            background-position: -30px -40px;
            transform: translateX(10px) rotate(-90deg);
            -webkit-transform: translateX(10px) rotate(-90deg)
        }

        to {
            visibility: visible;
            background-position: 0 0;
            transform: translateX(10px) rotate(-200deg);
            -webkit-transform: translateX(10px) rotate(-200deg)
        }
    }
}

.bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-featuredBlock-desc {
    padding: 88px 0 87px
}

@media screen and (max-width:767px) {
    .bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-featuredBlock-desc {
        padding: 50px 0 0 0
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-featuredBlock-desc {
        padding: 88px 30px 87px 0
    }
}

.bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-featuredBlock-desc p {
    width: 470px
}

@media screen and (max-width:1200px) {
    .bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-featuredBlock-desc p {
        width: 100%
    }
}

.bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-featuredBlock-desc a {
    width: 129px;
    height: 35px
}

@media screen and (max-width:767px) {
    .bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-featurebblock-img {
        height: 240px;
        display: inline-table
    }
}

.bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-featurebblock-img .fb-image {
    width: 300px;
    height: 663px;
    margin: -210px auto
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-featurebblock-img .fb-image {
        width: 200px;
        height: auto;
        margin: -70px auto;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-featurebblock-img .fb-image {
        width: 162px;
        height: 358px;
        margin-top: -140px;
        float: left
    }
}

.bg-img-featuredblock-wrap .fb-main-wrap .fb-flex-wrap .fb-featurebblock-img .fb-image .fbimg {
    width: 100%;
    height: 100%
}

.container2grid .container {
    padding: 0 !important;
    padding: 0 188px !important
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .container2grid .container {
        padding: 0 94px !important
    }
}

@media screen and (max-width:767px) {
    .container2grid .container {
        padding: 0 !important
    }
}

@-webkit-keyframes fb-pulse {
    0 {
        -webkit-transform: scale(-0.7);
        transform: scale(-0.7)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fb-pulse {
    0 {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7)
    }

    50% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.fb-pulse {
    -webkit-animation-name: none;
    animation-name: none;
    -webkit-animation-duration: 2s
}

.animated .fb-pulse {
    -webkit-animation-name: fb-pulse;
    animation-name: fb-pulse;
    -webkit-animation-duration: 2s
}

.bg-img-featuredblock-wrap .fb-slideInLeft {
    animation-name: none
}

.bg-img-featuredblock-wrap .fb-slideInRight {
    animation-name: none
}

.bg-img-featuredblock-wrap .animated .fb-slideInRight {
    animation-name: fb-slideInRight
}

@-webkit-keyframes fb-fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -150%, 0);
        transform: translate3d(0, -150%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fb-fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -150%, 0);
        transform: translate3d(0, -150%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media screen and (max-width:767px) {
    .fb-bg-img .desktopbg {
        background: none !important;
        display: initial !important
    }
}

@media screen and (min-width:768px) {
    .fb-bg-img .desktopbg .mobilebg {
        background-image: none !important
    }
}

.fb-bg-img .container.animated .fb-slideInUp {
    -webkit-animation-name: fb-slideInUp;
    animation-name: fb-slideInUp
}

.fb-bg-img .container.animated .animated .fb-fadeInDown {
    -webkit-animation-name: fb-fadeInDown;
    animation-name: fb-fadeInDown
}

.fb-bg-img .container.animated .fb-slideInLeft {
    animation-name: fb-slideInLeft !important
}

.fb-bg-img .container.animated .fb-slideInRight {
    animation-name: fb-slideInRight
}

.fb-bg-img .container.animated .fb-pulse {
    animation-name: fb-pulse
}

.fb-bg-img .fb-slideInUp {
    -webkit-animation-name: none;
    animation-name: none
}

.fb-bg-img .fb-fadeInDown {
    -webkit-animation-name: none;
    animation-name: none
}

.fb-bg-img .fb-slideInLeft {
    animation-name: none
}

.fb-bg-img .fb-slideInRight {
    animation-name: none
}

.fb-bg-img .fb-pulse {
    animation-name: none
}

.bg-img-featuredblock-wrap .fb-bg-img .container.animated .fb-slideInUp {
    -webkit-animation-name: fb-slideInUp;
    animation-name: fb-slideInUp
}

.bg-img-featuredblock-wrap .fb-bg-img .container.animated .animated .fb-fadeInDown {
    -webkit-animation-name: fb-fadeInDown;
    animation-name: fb-fadeInDown
}

.bg-img-featuredblock-wrap .fb-bg-img .container.animated .fb-slideInLeft {
    animation-name: fb-slideInLeft
}

.bg-img-featuredblock-wrap .fb-bg-img .container.animated .fb-slideInRight {
    animation-name: fb-slideInRight !important
}

.bg-img-featuredblock-wrap .fb-bg-img .container.animated .fb-pulse {
    animation-name: fb-pulse
}

.bg-img-featuredblock-wrap .fb-bg-img .fb-slideInUp {
    -webkit-animation-name: none;
    animation-name: none
}

.bg-img-featuredblock-wrap .fb-bg-img .fb-fadeInDown {
    -webkit-animation-name: none;
    animation-name: none
}

.bg-img-featuredblock-wrap .fb-bg-img .fb-slideInLeft {
    animation-name: none
}

.bg-img-featuredblock-wrap .fb-bg-img .fb-slideInRight {
    animation-name: none
}

.bg-img-featuredblock-wrap .fb-bg-img .fb-pulse {
    animation-name: none
}

.nintyfourfixed .fb-featuredBlock-desc {
    padding: 20px 0 91px 0 !important
}

.nintyfourfixed .fb-featuredBlock-desc h2 {
    line-height: 55px !important
}

.nintyfourfixed .fb-featuredBlock-desc p {
    width: 100% !important;
    padding-right: 20px
}

@media screen and (max-width:1400px) {
    .nintyfourfixed .fb-featuredBlock-desc p {
        width: 100% !important
    }
}

.nintyfourfixed .fb-featuredBlock-desc a {
    display: none !important
}

@media screen and (min-width:1024px) {
    .cmp-featuredBlock.img-at-right .bg-image-view .row {
        flex-direction: row-reverse
    }
}

.featuredBlock-video {
    overflow: hidden
}

.featuredBlock-video img {
    object-fit: cover
}

.featuredBlock-video img:first-child {
    width: 100%
}

.featuredBlock-video div {
    width: 70px;
    height: 70px;
    background-size: 100% 100%
}

.fb-twovideos .fb-img-text {
    right: -145px;
    left: auto;
    width: 180px;
    top: -40px;
    position: absolute
}

@media screen and (min-width:320px) and (max-width:767px) {
    .fb-twovideos .fb-img-text {
        display: block;
        top: 75% !important;
        width: 270px !important;
        right: 0 !important;
        display: flex;
        flex-direction: row-reverse
    }
}

@media screen and (min-width:1201px) and (max-width:1340px) {
    .fb-twovideos .fb-img-text {
        right: -5px;
        top: -80px
    }
}

@media screen and (min-width:767px) and (max-width:1200px) {
    .fb-twovideos .fb-img-text {
        display: none
    }
}

@media screen and (min-width:1341px) and (max-width:1420px) {
    .fb-twovideos .fb-img-text {
        right: -100px;
        top: -30px
    }
}

@media screen and (min-width:320px) and (max-width:767px) {
    .fb-twovideos .fb-img-text p {
        text-align: left;
        font-size: 20px
    }
}

.fb-twovideos .fb-img-text img {
    float: right;
    padding: 10px 30px;
    visibility: hidden;
    background-position: -30px -60px;
    animation: showArrow-qb .3s 1.3s 1 forwards;
    -webkit-animation: showArrow-qb .5s 1.5s 1 forwards
}

@media screen and (min-width:320px) and (max-width:767px) {
    .fb-twovideos .fb-img-text img {
        transform: rotate(100deg);
        padding: 0
    }
}

@media screen and (min-width:1201px) and (max-width:1340px) {
    .fb-twovideos .fb-img-text img {
        transform: rotate(-45deg);
        float: right;
        padding: 0
    }
}

@media screen and (min-width:1341px) and (max-width:1420px) {
    .fb-twovideos .fb-img-text img {
        padding-left: 50%
    }
}

@media screen and (min-width:320px) and (max-width:767px) {
    .fb-twovideos .featuredBlock-video-content {
        padding-bottom: 130px
    }
}

.fb-twovideos .featuredBlock-video-content h2 {
    font-family: "APKProtocol Bold";
    font-size: 37px;
    line-height: 33px;
    color: #212121;
    margin-bottom: 16px
}

@media screen and (max-width:1200px) {
    .fb-twovideos .featuredBlock-video-content h2 {
        font-size: 42px;
        line-height: 40px
    }
}

.fb-twovideos .featuredBlock-video-content h3 {
    font-size: 37px;
    letter-spacing: .5px
}

.featuredBlock-video-content h3 {
    font-size: 45px;
    line-height: 33px;
    letter-spacing: .61px;
    color: #212121;
    text-transform: uppercase;
    font-family: "APKProtocol Bold"
}

.featuredBlock-video-content p {
    font-size: 15px;
    line-height: 1.5;
    color: #000;
    margin-bottom: 18px;
    font-family: "APKProtocol Regular"
}

.featuredBlock-video-content>div {
    padding: 0
}

.playicon {
    border: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    transition: all .2s linear
}

.playicon:hover {
    background-size: contain;
    transform: scale(1.2);
    transition: all .2s ease-in-out;
    transform: translate(-51%, -45%) scale(1.2) !important;
    cursor: pointer
}

.video-text-center .playicon {
    max-height: 136px;
    max-width: 136px
}

@media screen and (min-width:320px) and (max-width:991px) {
    .video-text-center .playicon {
        height: 70px;
        width: 70px
    }
}

.fb-twovideos .playicon {
    max-height: 78px;
    max-width: 78px
}

.img-at-left .views-featuredBlock .modal .modal-dialog .modal-content button {
    position: absolute;
    right: -29px;
    background: no-repeat;
    border: 0
}

.img-at-left .views-featuredBlock .modal .modal-dialog .modal-content .modal-body {
    padding: 0;
    margin-bottom: -10px
}

.img-at-left .video {
    display: none
}

.img-at-left .fb-video-img {
    width: 100%
}

.img-at-left .featuredBlock-video-content {
    padding-top: 0
}

.img-at-left .featuredBlock-video-content h2 {
    font-family: "APKProtocol Bold";
    font-size: 45px;
    line-height: 33px;
    color: #212121;
    margin-bottom: 16px
}

@media screen and (max-width:1200px) {
    .img-at-left .featuredBlock-video-content h2 {
        font-size: 42px;
        line-height: 40px
    }
}

.fb-twovideos .featuredBlock-video p {
    font-family: "APKProtocol Regular";
    font-size: 16px;
    color: #000;
    font-weight: bold;
    padding-top: 10px;
    width: 250px
}

.video-parsys .btn-thankyou {
    height: auto;
    width: auto;
    font-size: 13px;
    margin: 0 0 15px 0 !important;
    background: #000;
    border: 1px solid #000 !important;
    color: #fff;
    font-family: "APKProtocol Medium";
    padding: 11px 21px !important;
    border-radius: 4px;
    line-height: 1.18
}

.video-parsys .btn-thankyou:hover {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #2e2926
}

.video-parsys {
    padding-left: 0 !important
}

.img-at-left .row-flex {
    display: flex;
    flex-direction: row-reverse
}

.video-text-center .dropdown-item {
    cursor: pointer
}

.video-text-center .featuredBlock-video-content {
    padding: 87px 0 16px 0;
    margin: 0
}

@media screen and (max-width:767px) {
    .video-text-center .featuredBlock-video-content {
        padding-top: 50px
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .video-text-center .featuredBlock-video-content {
        padding-top: 0
    }
}

.featuredBlock-video {
    position: relative
}

.fb-twovideos .row-flex {
    display: flex
}

.fb-twovideos .featuredBlock-video-col {
    float: right;
    display: flex;
    flex-flow: inherit;
    justify-content: flex-end
}

.fb-twovideos .featuredBlock-video div {
    width: 285px;
    height: 175px;
    position: relative
}

.fb-twovideos .featuredBlock-video-content>div {
    padding: 0 20px
}

.fb-twovideos .featuredBlock-video {
    width: 285px;
    height: 175px;
    position: relative
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .fb-twovideos .featuredBlock-video {
        width: 100% !important;
        height: auto !important
    }
}

.fb-twovideos .video-title:nth-child(1) {
    margin-right: 18px
}

.fb-twovideos .video-title {
    width: 280px
}

@media screen and (max-width:539px) {
    .fb-twovideos .video-title {
        margin-bottom: 20px
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .fb-twovideos .video-title {
        width: 48%;
        height: auto
    }
}

.fb-twovideos .video-title p {
    width: 240px;
    display: inline-block;
    padding-top: 10px;
    font-family: "APKProtocol Regular";
    color: #000
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .fb-twovideos .video-title p {
        font-size: 12px;
        width: 90%;
        margin-top: 5px
    }
}

.featuredBlock-video-col .card-column {
    padding-left: 20px
}

.fbvideo {
    width: 100%;
    height: 100%
}

.featuredBlock-video img:first-child {
    height: 100%
}

.alignrightcolumn .video-title {
    display: gird;
    float: right
}

@media screen and (max-width:767px) {
    .alignrightcolumn .video-title {
        float: left
    }
}

.fb-twovideos .fbmclose {
    position: absolute;
    right: -29px;
    color: fff;
    opacity: 1;
    background: 0;
    border: 0
}

@media screen and (max-width:575px) {
    .fb-twovideos .fbmclose {
        right: 0;
        top: -30px
    }
}

.fb-twovideos .video {
    display: none
}

.fb-twovideos .fb-video-img {
    height: 100%;
    width: 100%;
    object-fit: fill
}

.fb-twovideos .playicon {
    position: absolute !important
}

.alignrightcolumn .views-featuredBlock .featuredBlock-video-content h4 {
    font-family: "APKProtocol Bold";
    font-size: 21px;
    line-height: 24.2px;
    letter-spacing: 0;
    color: #000
}

.alignrightcolumn .views-featuredBlock .featuredBlock-video-content h2 {
    font-family: "APKProtocol Bold";
    font-size: 60px;
    line-height: 52px;
    color: #000;
    margin-bottom: 16px
}

@media screen and (max-width:1200px) {
    .alignrightcolumn .views-featuredBlock .featuredBlock-video-content h2 {
        font-size: 42px;
        line-height: 40px
    }
}

.alignrightcolumn .views-featuredBlock .featuredBlock-video-content p {
    font-size: 20px;
    line-height: 22px;
    font-family: "APKProtocol Regular";
    color: #000
}

.alignrightcolumn .views-featuredBlock .featuredBlock-video-content .print-download {
    margin-bottom: 23px;
    padding: 0
}

.alignrightcolumn .views-featuredBlock .featuredBlock-video-content .print-download li {
    list-style-type: none;
    display: inline-block;
    padding-right: 15px
}

.alignrightcolumn .views-featuredBlock .featuredBlock-video-content .print-download li a {
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
    font-family: "APKProtocol Medium";
    color: #000
}

.alignrightcolumn .views-featuredBlock .featuredBlock-video-content .print-download li a:hover {
    color: #777471;
    text-decoration: underline;
    cursor: pointer
}

.alignrightcolumn .views-featuredBlock .featuredBlock-video-content .print-download li a img {
    padding-right: 7px
}

.alignrightcolumn .views-featuredBlock .featuredBlock-video-content .print-download li a img:hover {
    opacity: .5;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .alignrightcolumn .views-featuredBlock .featuredBlock-video-content .video-parsys {
        margin-bottom: 15px
    }
}

.alignrightcolumn .views-featuredBlock .featuredBlock-video-col .featuredBlock-video {
    float: right
}

@media screen and (max-width:767px) {
    .alignrightcolumn .views-featuredBlock .featuredBlock-video-col .featuredBlock-video {
        float: left
    }
}

@media screen and (min-width:768px) and (max-width:1300px) {
    .alignrightcolumn .views-featuredBlock .featuredBlock-video-col .featuredBlock-video {
        width: 100% !important;
        height: auto !important
    }
}

.alignrightcolumn .views-featuredBlock .featuredBlock-video-col .featuredBlock-video .playicon {
    height: 130px;
    width: 134px
}

@media screen and (min-width:320px) and (max-width:991px) {
    .alignrightcolumn .views-featuredBlock .featuredBlock-video-col .featuredBlock-video .playicon {
        height: 70px;
        background-size: cover;
        width: 70px
    }
}

.alignrightcolumn .views-featuredBlock .featuredBlock-video-col .featuredBlock-video .video {
    display: none
}

.alignrightcolumn .views-featuredBlock .featuredBlock-video-col .featuredBlock-video .fb-video-img {
    width: 100%
}

.alignrightcolumn .views-featuredBlock .modal .modal-dialog .modal-content button {
    position: absolute;
    right: -29px;
    background: no-repeat;
    border: 0
}

.alignrightcolumn .views-featuredBlock .modal .modal-dialog .modal-content .modal-body {
    padding: 0;
    margin-bottom: -10px
}

.trimimagetext {
    margin-top: 0 !important
}

.trimimagetext .views-featuredBlock {
    justify-content: center
}

.trimimagetext .views-featuredBlock .container {
    padding: 0 !important
}

.trimimagetext .views-featuredBlock .container .row-flex {
    justify-content: space-between
}

@media screen and (min-width:1300px) and (max-width:1420px) {
    .trimimagetext .views-featuredBlock .container .row-flex {
        padding: 0;
        width: 894px
    }
}

.trimimagetext .views-featuredBlock .container .featuredBlock-video-content {
    max-width: 53%;
    flex-basis: 53%
}

@media screen and (min-width:768px) and (max-width:1300px) {
    .trimimagetext .views-featuredBlock .container .featuredBlock-video-content {
        max-width: 50%;
        flex-basis: 50%
    }
}

@media screen and (max-width:767px) {
    .trimimagetext .views-featuredBlock .container .featuredBlock-video-content {
        max-width: 100%;
        flex-basis: 100%
    }
}

@media screen and (min-width:1300px) and (max-width:1420px) {
    .trimimagetext .views-featuredBlock .container .featuredBlock-video-content {
        max-width: 400px;
        flex-basis: 400px
    }
}

.trimimagetext .views-featuredBlock .container .featuredBlock-video-content h2 {
    font-family: "APKProtocol Bold";
    font-size: 60px;
    line-height: 52px;
    color: #000;
    margin-bottom: 16px
}

@media screen and (max-width:1200px) {
    .trimimagetext .views-featuredBlock .container .featuredBlock-video-content h2 {
        font-size: 42px;
        line-height: 40px
    }
}

.trimimagetext .views-featuredBlock .container .featuredBlock-video-col {
    max-width: 40%;
    flex-basis: 40%;
    margin-right: 59px;
    padding: 0
}

@media screen and (max-width:767px) {
    .trimimagetext .views-featuredBlock .container .featuredBlock-video-col {
        max-width: 100%;
        flex-basis: 100%;
        margin-right: 0
    }
}

@media screen and (min-width:768px) and (max-width:1300px) {
    .trimimagetext .views-featuredBlock .container .featuredBlock-video-col {
        max-width: 50%;
        flex-basis: 50%;
        margin-right: 0
    }
}

.trimimagetext .views-featuredBlock .container .featuredBlock-video-col .featuredBlock-video {
    border-radius: 16px;
    margin: 0 15px
}

@media screen and (max-width:767px) {
    .trimimagetext .views-featuredBlock .container .featuredBlock-video-col .featuredBlock-video {
        margin-bottom: 15px
    }
}

@media screen and (max-width:480px) {
    .trimimagetext .views-featuredBlock .container .featuredBlock-video-col .featuredBlock-video {
        width: auto !important;
        height: auto !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .trimimagetext .views-featuredBlock .container .featuredBlock-video-col .featuredBlock-video {
        width: 90% !important;
        height: auto !important
    }
}

@media screen and (min-width:992px) and (max-width:1299px) {
    .trimimagetext .views-featuredBlock .container .featuredBlock-video-col .featuredBlock-video {
        width: 427px !important;
        height: auto !important
    }
}

.fb-twovideos .fb-img-text p {
    font-size: 24px;
    margin: 0;
    text-transform: uppercase;
    font-family: "APKProtocol Medium";
    line-height: 25px;
    text-align: right
}

.fb-twovideos .modal-body {
    padding: 0
}

.fb-twovideos .modal-body video {
    margin-bottom: -10px
}

@media screen and (max-width:767px) {
    .fb-twovideos .fb-img-text p {
        position: relative;
        top: -20px;
        left: -30px
    }
}

@media screen and (max-width:1200px) {
    .fb-twovideos .featuredBlock-video-col {
        flex-wrap: nowrap
    }
}

@media screen and (min-width:1201px) {
    .fb-twovideos .featuredBlock-video-col {
        flex-wrap: nowrap
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .featuredBlock-video {
        width: 400px !important;
        height: auto !important
    }
}

@media screen and (max-width:480px) {
    .featuredBlock-video {
        width: 100% !important;
        height: auto !important
    }

    .fb-twovideos .featuredBlock-video div {
        width: 100% !important;
        height: 175px !important
    }

    .dropdown-field {
        line-height: 16px
    }
}

@media screen and (max-width:540px) {
    .fb-twovideos .featuredBlock-video-col {
        flex-wrap: wrap
    }

    .fb-twovideos .featuredBlock-video:nth-child(1) {
        margin: 0
    }

    .fb-twovideos .video-title:nth-child(1) {
        margin-right: 0
    }
}

@media screen and (min-width:540px) and (max-width:767px) {
    .fb-twovideos .featuredBlock-video-col {
        flex-wrap: nowrap
    }

    .fb-twovideos .featuredBlock-video {
        width: 100% !important;
        height: auto !important;
        margin: 0
    }

    .fb-twovideos .video-title:nth-child(1) {
        margin-right: 20px
    }
}

@media screen and (max-width:991px) {
    .video-text-center .featuredBlock-video-content h3 {
        font-size: 37px
    }

    .video-text-center .featuredBlock-video-content p {
        margin-bottom: 16px
    }

    .video-text-center .dropdown-menu.show {
        width: 100%
    }

    .featuredBlock-video img:first-child {
        width: 100%;
        height: 100%
    }

    .fb-twovideos .featuredBlock-video:nth-child(2) {
        margin: 0
    }

    .fb-twovideos .featuredBlock-video-col {
        justify-content: flex-start
    }
}

@media screen and (max-width:767px) {
    .video-text-center .featuredBlock-video-content h3 {
        padding-top: 20px
    }

    .img-at-left .row-flex {
        display: flex;
        flex-direction: column-reverse
    }
}

@media screen and (min-width:768px) and (max-width:1300px) {
    .video-text-center .featuredBlock-video {
        width: 100% !important;
        height: auto !important
    }

    .video-text-center .featuredBlock-video-content h3 {
        padding-top: 0
    }

    .alignrightcolumn .featuredBlock-video {
        width: 100% !important;
        height: auto !important
    }

    .video-text-center .featuredBlock-video-content p {
        width: 100%
    }
}

@keyframes fb-slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animated .fb-slideInLeft {
    -webkit-animation-name: fb-slideInLeft;
    animation-name: fb-slideInLeft
}

@-webkit-keyframes fb-slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fb-slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animated .fb-slideInRight {
    -webkit-animation-name: fb-slideInRight;
    animation-name: fb-slideInRight
}

@-webkit-keyframes fb-slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fb-slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animated .fb-slideInUp {
    -webkit-animation-name: fb-slideInUp;
    animation-name: fb-slideInUp
}

.animated .fb-slideInRight {
    animation-name: none
}

.animated .fb-slideInLeft {
    animation-name: fb-slideInLeft
}

@media print {
    * {
        -webkit-print-color-adjust: exact;
        -moz-print-color-adjust: exact;
        -ms-print-color-adjust: exact
    }
}

.cmp-featuredBlock.greatstuff-styles .featuredBlock-video-content p,
.cmp-featuredBlock.greatstuff-styles .featuredBlock-video-content li,
.cmp-featuredBlock.greatstuff-styles .featuredBlock-video-content a {
    font-family: "APKProtocol Regular";
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: .45px
}

@media(min-width:768px) {

    .cmp-featuredBlock.greatstuff-styles .featuredBlock-video-content p,
    .cmp-featuredBlock.greatstuff-styles .featuredBlock-video-content li,
    .cmp-featuredBlock.greatstuff-styles .featuredBlock-video-content a {
        font-size: 20px;
        line-height: 1.5;
        letter-spacing: 1.6px
    }
}

.cmp-featuredBlock.greatstuff-styles .featuredBlock-video-content h4 {
    font-family: "APKProtocol Medium";
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: .6px;
    color: #343a40
}

@media screen and (min-width:768px) {
    .cmp-featuredBlock.greatstuff-styles .featuredBlock-video-content h4 {
        font-size: 30px;
        line-height: 1;
        letter-spacing: .9px
    }
}

.cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px
}

@media(min-width:768px) {
    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content {
        padding-left: 100px
    }
}

.cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content p {
    font-size: 18px;
    line-height: 1.67;
    font-family: "APKProtocol Regular";
    letter-spacing: .45px
}

@media(min-width:768px) {
    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content p {
        letter-spacing: .54px
    }
}

.cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content h4 {
    font-size: 45px;
    line-height: 1;
    letter-spacing: .9px;
    font-weight: normal;
    font-family: "APKProtocol Medium";
    margin-bottom: 22px
}

.cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content .video-parsys .grt-insul-buttn {
    padding: 0 !important;
    margin-top: 10px
}

.cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content .video-parsys .grt-insul-buttn a {
    font-size: 18px;
    font-family: "APKProtocol Medium";
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 8px 10px;
    text-decoration: none
}

@media(min-width:768px) {
    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content .video-parsys .grt-insul-buttn a {
        font-size: 25px !important;
        padding: 13px 20px
    }
}

.cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content .video-parsys .grt-insul-buttn a:hover {
    color: #000
}

.cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content .video-parsys .button-component a {
    font-size: 18px;
    font-family: "APKProtocol Medium";
    padding: 8px 10px;
    line-height: .8;
    letter-spacing: 1.25px;
    text-decoration: none;
    border: solid 1px rgba(0, 0, 0, 0.5) !important
}

@media(min-width:992px) {
    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content .video-parsys .button-component a {
        font-size: 25px !important;
        padding: 13px 20px
    }
}

.cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content .video-parsys .button-component a:hover {
    color: #000
}

.cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-col {
    flex: 0 0 50%;
    max-width: 50%
}

.cmp-featuredBlock.electronics-home-alignment .views-featuredBlock {
    padding: 63px 0
}

.cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .row {
    flex-direction: row-reverse;
    align-items: center
}

.cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .row .featuredBlock-video-content {
    flex: 0 0 75.666667%;
    max-width: 80%;
    padding-right: 0;
    height: 100px;
    padding: 17px 0
}

.cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .row .featuredBlock-video-content .featuredBlock-video-content p {
    line-height: 1.5;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    margin: 0
}

.cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .row .featuredBlock-video-col {
    flex: 0 0 19.333333%;
    max-width: 20%
}

.cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .row .featuredBlock-video-col .featuredBlock-video video {
    display: none
}

.cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .row .featuredBlock-video-col .featuredBlock-video .fb-video-img {
    height: 100px
}

@media(min-width:768px) and (max-width:991px) {
    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock {
        padding: 50px 0
    }

    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content {
        padding-left: 60px
    }

    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content h4 {
        font-size: 25px;
        line-height: 1
    }

    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content p {
        font-size: 15px
    }

    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content .video-parsys .grt-insul-buttn {
        margin-top: 10px !important
    }

    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content .video-parsys .grt-insul-buttn a {
        font-size: 15px !important
    }

    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .featuredBlock-video-content .video-parsys .grt-insul-buttn a img {
        margin-right: 10px !important
    }

    .cmp-featuredBlock.electronics-home-alignment .views-featuredBlock {
        padding: 50px 0
    }

    .cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .featuredBlock-video-content {
        height: 85px !important;
        padding: 25px 0 !important
    }

    .cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .featuredBlock-video-content p {
        font-size: 11px !important;
        margin: 0
    }

    .cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .featuredBlock-video-col .featuredBlock-video .fb-video-img {
        height: 85px !important
    }
}

@media screen and (max-width:767px) {
    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock {
        padding: 15px 0
    }

    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .row .featuredBlock-video-content {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .row .featuredBlock-video-content p {
        font-size: 15px
    }

    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .row .featuredBlock-video-content h4 {
        font-size: 30px;
        line-height: normal
    }

    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .row .featuredBlock-video-content .grt-insul-buttn {
        width: 95%
    }

    .cmp-featuredBlock.img-at-left.tyvek-styles .views-featuredBlock .row .featuredBlock-video-content .grt-insul-buttn a {
        font-size: 23px !important;
        padding: 8px 10px
    }

    .cmp-featuredBlock.img-at-left.tyvek-styles .featuredBlock-video-col {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .cmp-featuredBlock.electronics-home-alignment .views-featuredBlock {
        padding: 20px 0
    }

    .cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .row {
        flex-direction: column-reverse;
        margin-right: 0;
        margin-left: 0
    }

    .cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .row .featuredBlock-video-content {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        margin-top: 15px
    }

    .cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .row .featuredBlock-video-content .featuredBlock-video-content p {
        line-height: 1.5;
        letter-spacing: 1px;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal
    }

    .cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .row .featuredBlock-video-col {
        flex: 0 0 100%;
        max-width: 100%
    }

    .cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .row .featuredBlock-video-col .featuredBlock-video {
        text-align: center;
        width: auto !important
    }

    .cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .row .featuredBlock-video-col .featuredBlock-video video {
        display: none
    }

    .cmp-featuredBlock.electronics-home-alignment .views-featuredBlock .row .featuredBlock-video-col .featuredBlock-video .fb-video-img {
        height: 60px !important
    }

    .img-at-left .featuredBlock-video-content {
        padding-top: 15px
    }
}

.cmp-featuredBlock.greatstuff-styles .col-sm-12.col-md-6.col-lg-5.wow.fb-slideInLeft.fb-slideInRight.featuredBlock-video-content.animated {
    max-width: 50% !important;
    flex: 0 0 50%
}

.cmp-featuredBlock.greatstuff-styles .col-sm-12.col-md-6.col-lg-7.wow.fb-slideInUp.featuredBlock-video-col.animated {
    flex: 0 0 50%;
    max-width: 50%
}

@media screen and (max-width:767px) {
    .cmp-featuredBlock.greatstuff-styles .col-sm-12.col-md-6.col-lg-5.wow.fb-slideInLeft.fb-slideInRight.featuredBlock-video-content.animated {
        max-width: 100% !important;
        flex: 0 0 100%
    }

    .cmp-featuredBlock.greatstuff-styles .col-sm-12.col-md-6.col-lg-7.wow.fb-slideInUp.featuredBlock-video-col.animated {
        max-width: 100%;
        flex: 0 0 100%
    }
}

.featuredblock-bgimg-card-wrap .container {
    max-width: 100%;
    padding: 0 !important
}

.featuredblock-bgimg-card-wrap .featuredBlock-bgimg-content {
    height: 382px;
    display: inline-block;
    padding: 0;
    background-size: cover
}

@media only screen and (max-width:767px) {
    .featuredblock-bgimg-card-wrap .featuredBlock-bgimg-content {
        height: auto
    }
}

@media only screen and (max-width:991px) {
    .featuredblock-bgimg-card-wrap .featuredBlock-bgimg-content {
        max-width: 100%
    }
}

.featuredblock-bgimg-card-wrap .featuredBlock-bgimg-content .featuredBlock-cardcontent {
    background: #fff;
    border-radius: 16px;
    padding: 45px;
    width: 468px;
    height: 259px;
    margin: 71px 0 0 121px;
    padding: 43px 43px 47px 44px
}

@media only screen and (max-width:530px) {
    .featuredblock-bgimg-card-wrap .featuredBlock-bgimg-content .featuredBlock-cardcontent {
        padding: 25px;
        height: auto;
        width: 80%;
        margin: 132px 33px 33px 33px
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .featuredblock-bgimg-card-wrap .featuredBlock-bgimg-content .featuredBlock-cardcontent {
        padding: 43px 43px 47px 44px;
        margin: 33px
    }
}

.featuredblock-bgimg-card-wrap .featuredBlock-bgimg-content .featuredBlock-cardcontent h3 {
    font-size: 37px;
    letter-spacing: .61px;
    color: #000;
    text-transform: uppercase;
    font-family: "APKProtocol Bold";
    margin-bottom: 20px
}

.featuredblock-bgimg-card-wrap .featuredBlock-bgimg-content .featuredBlock-cardcontent p {
    font-size: 15px;
    line-height: 1.47;
    width: 340px;
    font-family: "APKProtocol Regular";
    color: #000;
    margin-bottom: 15px
}

@media screen and (max-width:480px) {
    .featuredblock-bgimg-card-wrap .featuredBlock-bgimg-content .featuredBlock-cardcontent p {
        width: 100%
    }
}

.featuredblock-bgimg-card-wrap .featuredBlock-bgimg-content .featuredBlock-cardcontent .content-card .btn-thankyou {
    height: 35px;
    width: 129px;
    line-height: 30px;
    font-size: 13px;
    padding: 0 !important;
    color: #fff;
    margin: 0;
    border-width: 1px;
    background: #000;
    font-family: "APKProtocol Medium"
}

.featuredblock-bgimg-card-wrap .featuredBlock-bgimg-content .featuredBlock-cardcontent .content-card .btn-thankyou:hover {
    background: #fff;
    color: #000;
    border-width: 1px
}

@media screen and (max-width:1023px) {
    .img-card-tabbed-images-slide .container {
        padding: 0 33px !important
    }
}

.img-card-tabbed-images-slide .container .tabheading {
    border-bottom: 10px solid #eee;
    margin-bottom: 25px
}

.img-card-tabbed-images-slide .container .tabheading h2 {
    font-size: 45px;
    line-height: 33px;
    letter-spacing: .61px;
    font-family: "APKProtocol Bold";
    color: #111;
    padding-bottom: 25px;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .img-card-tabbed-images-slide .container .tabheading h2 {
        font-size: 37px
    }
}

.img-card-tabbed-images-slide .container .row {
    padding: 0 15px
}

@media screen and (max-width:1023px) {
    .img-card-tabbed-images-slide .container .row {
        padding: 0 8px
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 {
    padding: 0
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .nav-tabs {
    border: 0
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .nav-tabs .nav-item {
    margin-bottom: -1px;
    border: solid 1px #000;
    border-radius: 30px;
    margin: 0 9px
}

@media screen and (min-width:481px) and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .nav-tabs .nav-item {
        margin: 0 2%
    }
}

@media screen and (max-width:480px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .nav-tabs .nav-item {
        margin: 0 1px
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .nav-tabs .nav-item:active a {
    color: #fff !important
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .nav-tabs .nav-item a {
    color: #000;
    font-size: 13px;
    line-height: 25px;
    font-family: "APKProtocol Regular"
}

@media screen and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .nav-tabs .nav-item a {
        font-size: 12px
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .nav-tabs .nav-item .nav-link {
    padding: 5px;
    color: #000;
    font-size: 13px;
    width: 157px;
    font-family: "APKProtocol Bold";
    height: 35px;
    text-align: center;
    border-radius: 17px;
    border: 0
}

@media screen and (min-width:481px) and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .nav-tabs .nav-item .nav-link {
        width: auto !important
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .nav-tabs .nav-item .nav-link.active {
    color: #fff !important;
    background-color: #beff00;
    border: 0
}

@media screen and (max-width:480px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .nav-tabs .nav-item .nav-link {
        width: auto
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel {
    padding-top: 66px
}

@media screen and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel {
        padding-top: 16px
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row {
    display: flex;
    flex-wrap: nowrap
}

@media screen and (max-width:1023px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row {
        flex-wrap: wrap
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div {
    width: 755px
}

@media screen and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div {
        width: 100%
    }
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div {
        width: 53%
    }
}

@media screen and (min-width:1201px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div {
        width: 60%
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides {
    animation: bringleft-qb .7s 1 alternate;
    -webkit-animation: bringleft-qb .7s 1 alternate
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .tab-img-slide {
    width: 100%;
    height: 441px
}

@media(min-width:1024px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .tab-img-slide {
        height: 441px !important
    }
}

@media screen and (max-width:480px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .tab-img-slide {
        height: 200px !important
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .tab-img-slide img {
    width: 100%;
    height: 100%
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .slick-next {
    transition: all .3s linear;
    z-index: 1;
    top: 55%
}

@media screen and (max-width:480px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .slick-next {
        top: 73%
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .slick-next {
        top: 80%
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .slick-next::before {
    content: "See Where Great Stuff is used";
    left: auto;
    right: 60px;
    position: absolute;
    bottom: 0;
    top: auto;
    width: 346px;
    height: 48px;
    background: #000 url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/right-arrow.png") no-repeat 290px 4px;
    display: inline-block;
    opacity: 1;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "APKProtocol Medium";
    border-radius: 4px;
    line-height: 49px;
    letter-spacing: 1px;
    text-align: left;
    padding-left: 20px;
    top: 110px;
    padding-right: 40px
}

@media screen and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .slick-next::before {
        height: 51px;
        transition: all .3s linear;
        font-size: 12px;
        line-height: 43px;
        padding-top: 5px;
        background-position: 95% 4px;
        top: 0;
        right: 40px
    }
}

@media screen and (max-width:480px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .slick-next::before {
        width: 199px;
        line-height: 22px
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .slick-next.slick-disabled::before {
    display: none
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .slick-prev {
    position: absolute;
    left: auto !important;
    right: 35px;
    bottom: 26px;
    top: auto;
    transition: all .3s linear;
    width: 185px;
    height: 48px;
    z-index: 1
}

@media screen and (max-width:480px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .slick-prev {
        bottom: -4%;
        right: 15px
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .slick-prev {
        right: 15px
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .slick-prev::before {
    content: "Back to photo ";
    width: 185px;
    background: #000 url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/left-arrow.png") no-repeat 10px 0;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "APKProtocol Medium";
    border-radius: 4px;
    line-height: 49px;
    text-align: left;
    padding-left: 65px;
    opacity: 1;
    transition: all .3s linear
}

@media screen and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .slick-prev::before {
        height: 51px;
        transition: all .3s linear;
        font-size: 12px;
        padding-top: 5px;
        background-position: 95% 4px;
        left: 65px;
        background-position: 10% 2px;
        line-height: 40px
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-tab-div .imgtab-slides .tab-imageslide .slick-prev.slick-disabled::before {
    display: none
}

@keyframes bringleft-qb {
    1% {
        transform: translateX(-150px);
        -webkit-transform: translateX(-150px)
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes bringleft-qb {
    1% {
        transform: translateX(-150px);
        -webkit-transform: translateX(-150px)
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-card-div {
    width: 475px
}

@media screen and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-card-div {
        width: 100%
    }
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-card-div {
        width: 47%
    }
}

@media screen and (min-width:1201px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-card-div {
        width: 40%
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-card-div .tab-right-content {
    padding-left: 50px;
    animation: bringright-qb 1s 1 alternate;
    -webkit-animation: bringright-qb 1s 1 alternate
}

@keyframes bringright-qb {
    1% {
        transform: translateX(150px);
        -webkit-transform: translateX(150px)
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes bringright-qb {
    1% {
        transform: translateX(150px);
        -webkit-transform: translateX(150px)
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

@media screen and (max-width:1023px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-card-div .tab-right-content {
        margin-top: 33px
    }
}

@media screen and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-card-div .tab-right-content {
        padding-left: 0
    }
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-card-div .tab-right-content {
        padding-left: 5%
    }
}

@media screen and (min-width:1201px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-card-div .tab-right-content {
        padding-left: 5%
    }
}

.img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-card-div .tab-right-content .tab-card-heading p {
    font-size: 18px;
    color: #000;
    margin: 0;
    padding: 0 0 0 10px;
    line-height: 24px;
    font-family: "APKProtocol Bold";
    margin-bottom: 11px
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .img-card-tabbed-images-slide .container .row .col-lg-12 .slides-tab-content .tab-panel .row .slides-card-div .tab-right-content .tab-card-heading p {
        padding-left: 20px
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel {
    position: relative
}

@media(min-width:1300px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel {
        max-width: 420px
    }
}

@media(min-width:1201px) and (max-width:1299px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel {
        max-width: 380px
    }
}

@media(min-width:1024px) and (max-width:1200px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel {
        max-width: 360px
    }
}

@media(min-width:481px) and (max-width:1023px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel {
        max-width: 425px
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-dots {
    display: none !important
}

@media(min-width:768px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-list {
        width: 575px
    }
}

@media(min-width:1200px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-list {
        width: 470px
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-slide img {
    width: 100%
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-slide .card-column {
    margin-left: 0
}

@media(min-width:768px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-slide {
        margin-left: 0;
        margin-right: 0
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-prev {
    top: -10px;
    right: 100px;
    position: absolute;
    left: unset
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-prev:before {
    content: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/arrow-left-black.svg")
}

@media screen and (max-width:1023px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-prev {
        top: -20px
    }
}

@media screen and (min-width:1300px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-prev {
        right: 16%
    }
}

@media(min-width:1201px) and (max-width:1299px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-prev {
        right: 15%
    }
}

@media(min-width:1024px) and (max-width:1200px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-prev {
        right: 19%
    }
}

@media(min-width:481px) and (max-width:1023px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-prev {
        right: 15%
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-next {
    top: -10px;
    right: 50px;
    position: absolute
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-next:before {
    content: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/arrow-right-black.svg")
}

@media screen and (max-width:1023px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-next {
        top: -20px
    }
}

@media screen and (min-width:481px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .slick-next {
        right: 0
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .card-column {
    margin-right: auto;
    margin-left: auto
}

@media(min-width:768px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .card-column {
        margin-left: 10px;
        margin-right: 30px
    }
}

@media(min-width:768px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .card-column:first-of-type {
        margin-left: 10px
    }
}

@media(max-width:767px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-row .card-column {
        margin-top: 0
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid {
    height: auto !important
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card {
    height: 175px;
    width: 408px;
    margin-top: 40px;
    margin-bottom: 10px;
    border-radius: 16px;
    box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.33)
}

@media(max-width:767px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card {
        margin-top: 40px;
        margin-left: 10px;
        margin-right: 10px;
        height: 233px
    }
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card {
        width: 350px;
        height: 175px;
        margin-right: 25px;
        margin-left: 0;
        margin-top: 50px;
        float: left
    }
}

@media only screen and (min-width:481px) and (max-width:1023px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card {
        width: 408px;
        margin-right: 12px;
        margin-left: 12px;
        float: left
    }
}

@media only screen and (max-width:480px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card {
        width: 90%
    }
}

@media screen and (min-width:1201px) and (max-width:1300px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card {
        width: 85%
    }
}

@media screen and (min-width:1301px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card {
        width: 408px
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row {
    height: 100%
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body {
    padding: 27px 15px 15px
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body {
        padding: 23px 13px 24px 13px
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-content {
    margin-bottom: 15px
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-content h2 {
    font-family: "APKProtocol Semibold";
    font-size: 30px;
    font-weight: 600;
    line-height: 27px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: .2px;
    text-transform: uppercase;
    height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-content p {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    font-weight: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #000;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

@media(max-width:768px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-content p {
        -webkit-line-clamp: 4
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links {
    display: block
}

@media(max-width:768px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links {
        position: absolute;
        bottom: 15px
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links .anchor-link {
    font-family: "APKProtocol Medium";
    font-size: 12px;
    letter-spacing: .52px;
    text-align: center;
    text-decoration: underline;
    margin-bottom: 5px;
    text-align: left;
    color: #000;
    cursor: pointer
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links .anchor-link:hover {
    opacity: .65
}

@media(max-width:768px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links .anchor-link {
        display: block
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links .btn-link {
    font-family: "APKProtocol Medium";
    font-size: 11px;
    padding: 5px 8px;
    letter-spacing: .2px;
    color: #000;
    background-color: #fdda25;
    text-transform: uppercase;
    border: 1px solid #fdda25;
    border-radius: 4px;
    display: flex;
    display: none !important;
    float: none
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links .btn-link:hover {
    text-decoration: none !important
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links .btn-link.ps-enabled {
    display: block !important
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links .btn-link span,
.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links .btn-link small {
    display: none
}

@media(max-width:768px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links .btn-link {
        margin-top: 5px
    }
}

@media(min-width:1024px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links .btn-link {
        float: right
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links .btn-link:hover {
    background: #fff;
    border: solid 1px #333
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-body .card-links .btn-link img {
    margin-right: 3px;
    width: 9px;
    height: auto;
    object-fit: contain;
    margin-bottom: 1px;
    display: inline-block
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-shape {
    background-color: #78be20;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    text-align: center;
    display: grid
}

@media(min-width:1024px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-shape {
        min-height: 175px;
        height: 175px
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-shape .pro-tag {
    font-size: 13px;
    color: #fff;
    width: 108px;
    height: 22px;
    float: left;
    transform: scale(-1) rotate(90deg);
    transform-origin: left top 0;
    border: 1px solid black;
    position: absolute;
    bottom: 5%;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: rgba(0, 0, 0, 0.2)
}

@media(max-width:520px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-shape .pro-tag {
        bottom: 20%
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-shape .img-wrap {
    display: grid
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-shape .img-wrap .img-placeholder {
    width: 60px;
    height: 150px;
    background: #000;
    margin: auto;
    opacity: .1
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-shape .img-wrap .card-img .box-img {
    display: block;
    width: 80px;
    height: 80px;
    margin: auto
}

@media(min-width:1024px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-shape .img-wrap .card-img .box-img {
        width: 106px;
        height: 109px;
        position: relative;
        right: -35px
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-shape .img-wrap .card-img .box-img:hover {
    transform: scale(1.1);
    transition: transform .3s
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-shape .img-wrap .can-img {
    display: block;
    width: 53px;
    height: 157px;
    margin: auto auto
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-shape .img-wrap .can-img:hover {
    transform: scale(1.1);
    transition: transform .3s
}

@media(min-width:1024px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tab-card-grid .card .row .card-shape .img-wrap .can-img {
        width: 60px;
        height: 180px;
        position: relative;
        top: -30px
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tabbed-icon-list-view {
    display: inline-block;
    padding-top: 15px
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tabbed-icon-list-view h2 {
    font-size: 18px;
    line-height: 24px;
    font-family: "APKProtocol Bold";
    color: #000
}

@media screen and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tabbed-icon-list-view h2 {
        padding-left: 10px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tabbed-icon-list-view h2 {
        padding-left: 20px
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tabbed-icon-list-view .icon-list-col {
    display: flex;
    flex-wrap: wrap
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tabbed-icon-list-view .icon-list-col .icon-list {
    width: 88px;
    height: auto;
    margin-right: 10px;
    border-radius: 10px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tabbed-icon-list-view .icon-list-col .icon-list {
        width: 75px;
        height: 109px;
        margin: 0 9px 10px 0;
        border-radius: 10px;
        text-align: center;
        background: none !important
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tabbed-icon-list-view .icon-list-col .icon-list p {
    font-size: 12px;
    font-family: "APKProtocol Medium";
    color: #000;
    text-align: center;
    margin: 10px 0 0 0;
    height: auto;
    overflow: hidden;
    line-height: 12px
}

@media only screen and (max-width:767px) {
    .img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tabbed-icon-list-view .icon-list-col .icon-list p {
        font-size: 10px
    }
}

.img-card-tabbed-images-slide .container .row .tab-card-view .tab-card-carousel .tabbed-icon-list-view .icon-list-col .icon-list img {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-top: 11px;
    margin-left: auto;
    margin-right: auto
}

.img-card-tabbed-images-slide .slidescount {
    position: absolute;
    right: 73px;
    bottom: auto;
    top: -20px
}

@media screen and (max-width:1023px) {
    .img-card-tabbed-images-slide .slidescount {
        top: -30px
    }
}

@media(min-width:1300px) {
    .img-card-tabbed-images-slide .slidescount {
        right: 8%
    }
}

@media(min-width:1201px) and (max-width:1299px) {
    .img-card-tabbed-images-slide .slidescount {
        right: 7%
    }
}

@media(min-width:1024px) and (max-width:1200px) {
    .img-card-tabbed-images-slide .slidescount {
        right: 9%
    }
}

@media(min-width:481px) and (max-width:1023px) {
    .img-card-tabbed-images-slide .slidescount {
        right: 7%
    }
}

.twocolumn-greatstuffnews .container {
    padding: 0 !important
}

.twocolumn-greatstuffnews .container .recentnews_main {
    border-bottom: solid 10px #eee;
    border-top: solid 10px #eee;
    padding-bottom: 67px
}

.twocolumn-greatstuffnews .container .recentnews_main .slideInUp {
    animation-name: none
}

.twocolumn-greatstuffnews .container .recentnews_main h2 {
    font-size: 37px;
    font-family: "APKProtocol Bold";
    letter-spacing: .5px;
    color: #000;
    padding: 20px 0;
    margin: 0
}

@media screen and (max-width:767px) {
    .twocolumn-greatstuffnews .container .recentnews_main h2 {
        padding: 0
    }
}

.twocolumn-greatstuffnews .container .recentnews_main .recentnews {
    display: flex;
    flex-wrap: wrap
}

.twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section {
    width: 47%
}

@media screen and (max-width:767px) {
    .twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section {
        width: 100%
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section {
        margin-right: 0 !important
    }
}

.twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section:last-child {
    border: none !important
}

.twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section:nth-last-child(2) {
    border: none !important
}

.twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section:nth-child(odd) {
    border-bottom: solid 1px #ccc;
    margin-right: 20px;
    padding-top: 30px
}

@media screen and (max-width:767px) {
    .twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section:nth-child(odd) {
        margin-right: 0;
        padding-top: 30px;
        border-bottom: solid 1px #ccc
    }
}

@media screen and (min-width:768px) {
    .twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section:nth-child(odd) {
        margin-right: 20px;
        padding-top: 30px
    }
}

.twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section:nth-child(even) {
    border-bottom: solid 1px #ccc;
    margin-left: 20px;
    padding-top: 30px
}

@media screen and (max-width:767px) {
    .twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section:nth-child(even) {
        margin-left: 0;
        padding-top: 30px;
        border-bottom: solid 1px #ccc
    }
}

@media screen and (min-width:768px) {
    .twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section:nth-child(even) {
        margin-left: 20px;
        padding-top: 30px
    }
}

.twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section h3 {
    font-size: 21px;
    font-family: "APKProtocol Bold";
    color: #000;
    line-height: 24px;
    padding-bottom: 10px;
    margin: 0
}

.twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section h3:hover {
    color: #999
}

.twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section span {
    font-size: 13px;
    line-height: 22px;
    font-family: "APKProtocol Regular";
    padding-bottom: 10px;
    color: #000;
    display: inline-block
}

.twocolumn-greatstuffnews .container .recentnews_main .recentnews .news_section p {
    font-size: 15px;
    font-family: "APKProtocol Regular";
    line-height: 22px;
    padding-bottom: 10px;
    color: #000;
    text-overflow: ellipsis;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.containertwogrid {
    padding: 0 188px !important
}

@media screen and (max-width:1023px) {
    .containertwogrid {
        padding: 0 33px !important
    }
}

.containertwogrid .container {
    padding: 0
}

.twocolumn-greatstuffnews .animated .slideInUp {
    animation-name: slideInUp
}

.background {
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    min-height: 280px
}

.background .mob-header {
    display: none
}

.background .inner {
    display: flex
}

@media(min-width:768px) {
    .background .inner {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
}

.background .inner .image img {
    width: 306px;
    height: 180px;
    object-fit: cover
}

.background .inner .content {
    padding: 0;
    margin: 0 0 0 24px
}

.background .inner .content .header .Our-Commitment {
    width: 529px;
    height: 52px;
    font-family: "APKProtocol Bold";
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 2.5px;
    text-align: left;
    color: #fcd132
}

.background .inner .content .para .text {
    width: 963px;
    height: 119px;
    font-family: "APKProtocol Regular";
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: 1.44px;
    text-align: left;
    color: #fff
}

.background .inner .content .para .text p {
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .background {
        height: auto
    }

    .background .mob-header {
        margin: 0 6%;
        display: none
    }

    .background .mob-header .Our-Commitment-mob {
        width: 365px;
        height: 52px;
        margin: 0 0 3px 1px;
        font-family: "APKProtocol Bold";
        font-size: 35px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: 1.75px;
        text-align: left;
        color: #fcd132
    }

    .background .inner {
        display: inherit;
        text-align: left;
        margin: 0
    }

    .background .inner .image {
        width: auto;
        height: auto
    }

    .background .inner .image img {
        width: 100%;
        height: auto;
        margin: auto;
        padding-top: 25px
    }

    .background .inner .content {
        padding: 15px 0;
        margin: 0
    }

    .background .inner .content .header {
        display: block;
        padding-bottom: 5px
    }

    .background .inner .content .header .Our-Commitment {
        font-size: 35px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: 1.75px;
        text-align: left
    }

    .background .inner .content .para .text {
        width: 343px;
        height: 163px;
        margin: 14px 23px 0 0;
        font-family: "APKProtocol Regular";
        font-size: 15px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 1.2px;
        text-align: left;
        color: #fff
    }

    .background .inner .content .para .text p {
        margin-bottom: 0
    }
}

.fb1 {
    width: 100vw
}

.fb1 .inner {
    display: flex;
    align-items: center
}

@media(min-width:768px) {
    .fb1 .inner {
        min-height: 586px
    }
}

.fb1 .inner .content-image {
    width: 50%
}

.fb1 .inner .content-image .normal {
    display: block;
    width: 100%
}

.fb1 .inner .content-image .mob-view {
    display: none
}

.fb1 .inner .content {
    flex-direction: column;
    width: 50%;
    display: flex;
    justify-content: center
}

@media(min-width:768px) {
    .fb1 .inner .content {
        padding-left: 100px
    }
}

.fb1 .inner .content .fb-header {
    font-family: "APKProtocol Bold";
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: .9px;
    text-align: left;
    color: #000
}

.fb1 .inner .content .fb-para {
    font-family: "APKProtocol Bold";
    font-size: 100px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: .75;
    letter-spacing: 3px;
    text-align: left;
    color: #000;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 40px
}

.fb1 .inner .content .fb-para h1 {
    margin-bottom: 0;
    font-family: "APKProtocol Bold";
    font-size: 100px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: .75;
    letter-spacing: 3px
}

.fb1 .inner .content .fb-button a {
    font-family: "APKProtocol Bold";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    padding: 11px 20px;
    background-color: #da291c;
    flex-grow: 0;
    text-align: center;
    border-radius: 6px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.75);
    display: block;
    width: fit-content
}

@media screen and (max-width:767px) {
    .fb1 .inner {
        display: flex;
        flex-direction: column-reverse;
        margin: 35px 0
    }

    .fb1 .inner .content-image {
        width: 100%
    }

    .fb1 .inner .content {
        margin: 4% 0;
        width: 100%;
        margin-top: 0
    }

    .fb1 .inner .content .fb-header {
        font-family: "APKProtocol Bold";
        font-size: 22px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: .8;
        letter-spacing: .9px;
        text-align: left;
        color: #000
    }

    .fb1 .inner .content .fb-para {
        font-family: "APKProtocol Bold";
        font-size: 35px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 1.05px;
        line-height: 1;
        text-align: left;
        color: #000;
        margin-bottom: 20px;
        margin-top: 10px
    }

    .fb1 .inner .content .fb-para h1 {
        font-family: "APKProtocol Bold";
        font-size: 35px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 1.05px;
        line-height: 1;
        text-align: left;
        color: #000
    }

    .fb1 .inner .content .fb-button {
        object-fit: contain
    }

    .fb1 .inner .content .fb-button a {
        font-size: 12px;
        padding: 8px 10px
    }
}

@media(min-width:1135px) and (max-width:1224px) {
    .fb1 .inner .content .fb-header {
        font-size: 20px
    }

    .fb1 .inner .content .fb-para {
        font-size: 78px
    }

    .fb1 .inner .content .fb-para h1 {
        font-size: 78px
    }
}

@media(min-width:1225px) and (max-width:1413px) {
    .fb1 .inner .content .fb-header {
        font-size: 30px
    }

    .fb1 .inner .content .fb-para {
        font-size: 85px
    }

    .fb1 .inner .content .fb-para h1 {
        font-size: 85px
    }
}

@media(min-width:991px) and (max-width:1134px) {
    .fb1 .inner .content .fb-header {
        font-size: 16px
    }

    .fb1 .inner .content .fb-para {
        font-size: 64px
    }

    .fb1 .inner .content .fb-para h1 {
        font-size: 64px
    }
}

@media(min-width:835px) and (max-width:990px) {
    .fb1 .inner .content .fb-header {
        font-size: 15px
    }

    .fb1 .inner .content .fb-para {
        font-size: 67px;
        letter-spacing: 1px
    }

    .fb1 .inner .content .fb-para h1 {
        font-size: 67px;
        letter-spacing: 1px
    }

    .fb1 .inner .content .fb-button {
        padding: 2%
    }

    .fb1 .inner .content .fb-button a {
        font-size: 15px
    }
}

@media(min-width:768px) and (max-width:834px) {
    .fb1 .inner .content .fb-header {
        font-size: 15px
    }

    .fb1 .inner .content .fb-para {
        font-size: 60px;
        line-height: 1;
        letter-spacing: 1px
    }

    .fb1 .inner .content .fb-para h1 {
        font-size: 60px;
        line-height: 1;
        letter-spacing: 1px
    }

    .fb1 .inner .content .fb-button {
        padding: 2%
    }

    .fb1 .inner .content .fb-button a {
        font-size: 15px
    }
}

.fb4 .outer {
    display: flex;
    min-height: 425px;
    position: relative
}

.fb4 .outer .image-bckgrd {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.fb4 .outer .text-bg-layer {
    background-color: rgba(255, 255, 255, 0.45);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    z-index: -1
}

@media(max-width:767px) {
    .fb4 .outer .text-bg-layer {
        display: none
    }
}

.fb4 .outer .inner {
    display: flex;
    height: inherit
}

.fb4 .outer .inner .left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.45);
    font-family: "APKProtocol Regular";
    font-size: 35px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: 1.05px;
    text-align: left;
    color: #fff;
    width: 50%
}

@media(min-width:768px) {
    .fb4 .outer .inner .left {
        padding-right: 24px
    }
}

.fb4 .outer .inner .right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "APKProtocol Regular";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    text-align: left;
    color: #000;
    height: 100%;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1.6px
}

.fb4 .outer .inner .right p {
    margin: 0;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1.6px
}

@media(min-width:768px) {
    .fb4 .outer .inner .right {
        padding-top: 74px;
        padding-bottom: 81px;
        padding-left: 24px
    }
}

@media screen and (max-width:767px) {
    .fb4 .outer {
        min-height: 324px;
        width: 100%;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .fb4 .outer .image-bckgrd {
        width: 100%
    }

    .fb4 .outer .inner {
        width: 100%;
        display: block
    }

    .fb4 .outer .inner .left {
        width: 100%;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.45);
        font-family: "APKProtocol Regular";
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: .6px;
        text-align: left;
        display: block;
        margin-bottom: 10px
    }

    .fb4 .outer .inner .right {
        width: auto !important;
        width: 100%;
        font-family: "APKProtocol Regular";
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: .45px;
        text-align: left;
        color: #000;
        align-items: baseline;
        background-color: rgba(255, 255, 255, 0.45);
        padding-top: 15px;
        padding-bottom: 15px;
        margin: 0 -33px;
        padding-left: 33px;
        padding-right: 33px
    }

    .fb4 .outer .inner .right p {
        margin-top: 0;
        font-size: 15px;
        line-height: 1.33;
        letter-spacing: .45px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .fb4 .outer .inner .left {
        font-size: 20px;
        padding-left: 33px
    }

    .fb4 .outer .inner .right {
        font-size: 15px;
        padding-top: 55px;
        padding-bottom: 60px
    }

    .fb4 .outer .inner .right p {
        font-size: 15px
    }
}

body {
    scroll-behavior: smooth
}

.is-comp {
    position: relative;
    width: 100%
}

.is-comp.editmode {
    height: 550px !important;
    overflow: hidden
}

.is-comp.editmode .wrap {
    height: 550px !important;
    top: 0 !important
}

.is-comp.editmode .wrap .inner-wrap {
    position: static !important
}

.is-comp.half-bg-img .wrap {
    background: #fff
}

.is-comp.half-bg-img .wrap .tooltip {
    color: #000 !important
}

.is-comp.half-bg-img .wrap .tooltip div {
    color: #000 !important
}

.is-comp.half-bg-img .wrap img {
    float: right;
    width: 55% !important
}

.is-comp .scroll-interaction--wrappers {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0
}

.is-comp .scroll-interaction--wrappers .wrap {
    position: sticky;
    -webkit-position: sticky;
    top: 88px;
    height: calc(100vh - 88px);
    width: 100%;
    visibility: hidden;
    overflow: hidden;
    background-size: 100% 100%
}

.is-comp .scroll-interaction--wrappers .wrap:first-child {
    visibility: visible
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap {
    width: 1024px;
    height: 512px;
    top: calc((100vh - 88px - 512px)/2);
    margin: auto;
    position: relative
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap .tooltip {
    position: absolute;
    left: 7%;
    z-index: 1;
    color: #fff;
    opacity: .8;
    visibility: visible
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap .tooltip.animate {
    animation: bringUp-is .5s forwards;
    -webkit-animation: bringUp-is .5s forwards
}

@keyframes bringUp-is {
    from {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-200px);
        -webkit-transform: translateY(-200px);
        opacity: 0
    }
}

@-webkit-keyframes bringUp-is {
    from {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-200px);
        -webkit-transform: translateY(-200px);
        opacity: 0
    }
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap .tooltip.animate-back {
    animation: bringDown-is .5s forwards;
    -webkit-animation: bringDown-is .5s forwards
}

@keyframes bringDown-is {
    from {
        transform: translateY(-150px);
        -webkit-transform: translateY(-150px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes bringDown-is {
    from {
        transform: translateY(-150px);
        -webkit-transform: translateY(-150px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap .tooltip div {
    font-family: "APKProtocol Regular";
    color: #fff;
    font-size: 30px;
    padding-bottom: 35px;
    line-height: 34px
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap .tooltip span {
    font-family: 'APKProtocol Regular';
    font-size: 15px
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap .tooltip span p {
    margin: 0
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap .txt_undrline {
    position: absolute;
    height: 2px;
    background: #fff
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap .txt_undrline.animate {
    animation: hide-is .5s forwards;
    -webkit-animation: hide-is .5s forwards
}

@keyframes hide-is {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes hide-is {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap img {
    width: 100%;
    height: 100%
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap img.mob-img {
    display: none
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap img.desktop-img {
    display: block
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap img.hotspot {
    position: absolute
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap img.hotspot.animate {
    animation: bringUp-is .7s forwards;
    -webkit-animation: bringUp-is .7s forwards
}

.is-comp .scroll-interaction--wrappers .wrap .inner-wrap img.prompt-icon {
    width: 75px;
    margin: auto;
    top: 0;
    position: absolute;
    left: calc((1024px - 80px)/2 - 10px);
    height: auto
}

.is-comp .scroll-interaction--wrappers .wrap.show-img {
    visibility: visible !important;
    opacity: 1 !important
}

.is-comp .scroll-interaction--wrappers .wrap.show-img .tooltip {
    opacity: 1 !important
}

.is-comp .empty_container {
    width: 100%
}

.is-comp.mobile .scroll-interaction--wrappers {
    position: relative
}

.is-comp.mobile .scroll-interaction--wrappers .wrap {
    visibility: visible !important;
    opacity: 1 !important;
    position: relative;
    -webkit-position: relative;
    height: auto;
    top: 0;
    background: none !important
}

.is-comp.mobile .scroll-interaction--wrappers .wrap .inner-wrap {
    width: 100%;
    height: auto;
    position: static
}

.is-comp.mobile .scroll-interaction--wrappers .wrap .inner-wrap .tooltip {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    padding: 70px 23px 40px 23px;
    color: #000;
    width: 100% !important;
    opacity: 1 !important
}

.is-comp.mobile .scroll-interaction--wrappers .wrap .inner-wrap .tooltip.animate {
    animation: none;
    -webkit-animation: none
}

.is-comp.mobile .scroll-interaction--wrappers .wrap .inner-wrap .tooltip div {
    color: #000;
    font-size: 32px;
    line-height: 1.4;
    padding-bottom: 20px
}

.is-comp.mobile .scroll-interaction--wrappers .wrap .inner-wrap img.mob-img {
    display: block
}

.is-comp.mobile .scroll-interaction--wrappers .wrap .inner-wrap img.desktop-img {
    display: none
}

.is-comp.mobile .scroll-interaction--wrappers .wrap .inner-wrap img.hotspot {
    display: none
}

.is-comp.mobile .scroll-interaction--wrappers .wrap .inner-wrap img.hotspot.animate {
    animation: none;
    -webkit-animation: none
}

.is-comp.mobile .scroll-interaction--wrappers .wrap .inner-wrap img.prompt-icon {
    display: none
}

.is-comp.mobile .scroll-interaction--wrappers .wrap .inner-wrap .txt_undrline {
    display: none
}

.is-comp.mobile .empty_container {
    display: none
}

.is-comp.mobile.half-bg-img .wrap {
    background: 0;
    position: relative
}

.is-comp.mobile.half-bg-img .wrap .tooltip {
    color: #000 !important;
    float: left;
    padding: 70px 23px 40px 23px
}

.is-comp.mobile.half-bg-img .wrap img {
    float: left;
    width: 100% !important
}

.tabbed-hor-view {
    margin-top: 20px
}

.tabbed-hor-view .tab-wrapper {
    margin-bottom: 5px
}

.tabbed-hor-view .tab-wrapper .hor-tab {
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #969696
}

.tabbed-hor-view .tab-wrapper .hor-tab .hor-tab-item {
    flex-basis: 100%;
    text-align: center
}

.tabbed-hor-view .tab-wrapper .hor-tab .hor-tab-item .title-cont {
    position: relative;
    top: -15px;
    border-left: 1px solid #969696
}

.tabbed-hor-view .tab-wrapper .hor-tab .hor-tab-item .title-cont .title {
    display: inline-block;
    margin: auto;
    cursor: pointer
}

.tabbed-hor-view .tab-wrapper .hor-tab .hor-tab-item .title-cont .title div.t-text {
    font-size: 18px;
    font-family: "APKProtocol Regular";
    height: 50px;
    text-align: center;
    flex-direction: column;
    display: flex;
    justify-content: center
}

.tabbed-hor-view .tab-wrapper .hor-tab .hor-tab-item .title-cont .title .red-bar {
    width: 100%;
    height: 3px;
    bottom: -17px;
    position: relative
}

.tabbed-hor-view .tab-wrapper .hor-tab .hor-tab-item.active div {
    font-family: "APKProtocol Semibold" !important
}

.tabbed-hor-view .tab-wrapper .hor-tab .hor-tab-item.active .red-bar {
    background: #000;
    bottom: -15px;
    position: relative
}

.tabbed-hor-view .tab-wrapper .hor-tab .hor-tab-item:first-child .title-cont {
    border-left: 0
}

@media screen and (max-width:991px) {
    .tabbed-hor-view .tab-wrapper .hor-tab {
        display: none
    }
}

.tabbed-hor-view .tab-content-wrapper .tab-con-wraps {
    display: none
}

.tabbed-hor-view .tab-content-wrapper .tab-con-wraps.active {
    display: block
}

.tabbed-hor-view .tab-content-wrapper .tab-con-wraps.editmode {
    display: block
}

@media screen and (max-width:991px) {
    .tabbed-hor-view .tab-content-wrapper .tab-con-wraps {
        display: block
    }
}

.qb-with-Carousel[data-is-animate="true"] {
    visibility: hidden
}

.qb-with-Carousel.editmode {
    visibility: visible
}

.qb-with-Carousel.editmode .quote-carousel-section {
    animation: none !important;
    -webkit-animation: none !important
}

.qb-with-Carousel.editmode .qt-card-section {
    animation: none !important;
    -webkit-animation: none !important
}

.qb-with-Carousel.editmode .quote-label {
    animation: none !important;
    -webkit-animation: none !important
}

.qb-with-Carousel.editmode .arrow-img {
    animation: none !important;
    -webkit-animation: none !important
}

.qb-with-Carousel.animate {
    visibility: visible
}

.qb-with-Carousel.animate .quote-label {
    visibility: hidden;
    animation: bringDown-qb .5s 1s 1 forwards;
    -webkit-animation: bringDown-qb .5s 1s 1 forwards
}

@keyframes bringDown-qb {
    from {
        visibility: visible;
        transform: translateY(-50px);
        -webkit-transform: translateY(-50px)
    }

    to {
        visibility: visible;
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes bringDown-qb {
    from {
        visibility: visible;
        transform: translateY(-50px);
        -webkit-transform: translateY(-50px)
    }

    to {
        visibility: visible;
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

.qb-with-Carousel.animate .quote-label .arrow-img {
    visibility: hidden;
    background-position: -30px -60px;
    animation: showArrow-qb .5s 1.5s 1 forwards;
    -webkit-animation: showArrow-qb .5s 1.5s 1 forwards
}

@keyframes showArrow-qb {
    from {
        visibility: visible;
        background-position: -30px -40px;
        transform: translateX(10px) rotate(90deg);
        -webkit-transform: translateX(10px) rotate(90deg)
    }

    to {
        visibility: visible;
        background-position: 0 0;
        transform: translateX(0) rotate(0);
        -webkit-transform: translateX(0) rotate(0)
    }
}

@-webkit-keyframes showArrow-qb {
    from {
        visibility: visible;
        background-position: -30px -40px;
        transform: translateX(10px) rotate(90deg);
        -webkit-transform: translateX(10px) rotate(90deg)
    }

    to {
        visibility: visible;
        background-position: 0 0;
        transform: translateX(0) rotate(0);
        -webkit-transform: translateX(0) rotate(0)
    }
}

.qb-with-Carousel.animate .quote-carousel-section {
    animation: bringleft-qb .7s 1 alternate;
    -webkit-animation: bringleft-qb .7s 1 alternate
}

@keyframes bringleft-qb {
    1% {
        transform: translateX(-150px);
        -webkit-transform: translateX(-150px)
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes bringleft-qb {
    1% {
        transform: translateX(-150px);
        -webkit-transform: translateX(-150px)
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

.qb-with-Carousel.animate .qt-card-section {
    animation: bringright-qb 1s 1 alternate;
    -webkit-animation: bringright-qb 1s 1 alternate
}

@keyframes bringright-qb {
    1% {
        transform: translateX(150px);
        -webkit-transform: translateX(150px)
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes bringright-qb {
    1% {
        transform: translateX(150px);
        -webkit-transform: translateX(150px)
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

@media(max-width:767px) {
    .qb-with-Carousel {
        margin-top: 45px
    }
}

.qb-with-Carousel .quote-carousel-container {
    padding-bottom: 50px
}

@media(min-width:1024px) {
    .qb-with-Carousel .quote-carousel-container {
        margin-right: 50px
    }
}

.qb-with-Carousel .quote-carousel-container .slick-arrow {
    top: unset;
    bottom: 30px
}

.qb-with-Carousel .quote-carousel-container .slick-arrow.slick-prev {
    left: -5px
}

.qb-with-Carousel .quote-carousel-container .slick-arrow.slick-next {
    left: 55px
}

.qb-with-Carousel .quote-carousel-container .slick-arrow.slick-disabled {
    opacity: .5;
    cursor: default
}

.qb-with-Carousel .quote-card-image img {
    width: 100%;
    height: 276px;
    object-fit: cover
}

.qb-with-Carousel .quote-card-image img.img-padding {
    padding: 44px 50px;
    border-radius: 60px;
    margin-bottom: -40px
}

@media(max-width:575px) {
    .qb-with-Carousel .quote-card-image img.img-padding {
        padding: 20px;
        margin-bottom: -20px;
        border-radius: 20px
    }
}

@media(max-width:767px) {
    .qb-with-Carousel .quote-card-image img {
        height: auto
    }
}

.qb-with-Carousel .quote-card {
    border-radius: 10px;
    overflow: hidden;
    background-size: 100% 100%;
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.2)
}

@media(min-width:1024px) {
    .qb-with-Carousel .quote-card {
        margin-left: 50px
    }
}

.qb-with-Carousel .quote-carousel-section {
    display: flex;
    align-items: center
}

.qb-with-Carousel .quote-carousel-wrapper {
    max-width: 100%
}

.qb-with-Carousel .quote-card-text {
    padding: 35px 55px 45px 55px
}

@media(max-width:575px) {
    .qb-with-Carousel .quote-card-text {
        padding: 20px 20px 25px 20px
    }
}

.qb-with-Carousel .quote-card-text .quote-card-title {
    margin-bottom: 20px
}

.qb-with-Carousel .quote-card-text .quote-card-title span {
    font-family: "APKProtocol Bold";
    font-size: 37px;
    font-stretch: normal;
    font-style: normal;
    line-height: .89;
    letter-spacing: .5px
}

.qb-with-Carousel .quote-card-text .quote-card-desc p {
    font-family: "APKProtocol Regular";
    font-size: 15px
}

.qb-with-Carousel .quote-card-text .quote-card-cta {
    margin-top: 10px
}

.qb-with-Carousel .quote-card-text .quote-card-cta a {
    padding-left: 15px;
    padding-right: 15px
}

.qb-with-Carousel .quote-card-text .quote-card-cta a img {
    width: 10px;
    margin-right: 2px;
    margin-bottom: 2px
}

.qb-with-Carousel .carousel-quote-desc p {
    font-size: 22px;
    font-family: "APKProtocol Regular";
    line-height: 1.64
}

.qb-with-Carousel .carousel-quote-quoter {
    font-family: "APKProtocol Medium";
    font-size: 13px;
    line-height: 1.69
}

.qb-with-Carousel .quote-counter-info {
    position: relative;
    bottom: 45px;
    left: 25px;
    display: inline;
    font-size: 14px;
    font-family: "APKProtocol Regular"
}

.qb-with-Carousel .carousel-quote-icon {
    max-width: 60px
}

.qb-with-Carousel .carousel-quote-icon img {
    width: 100%;
    padding-bottom: 5px
}

.qb-with-Carousel .quote-label {
    position: absolute;
    right: 100px;
    margin-top: -30px
}

@media(min-width:767px) and (max-width:1050px) {
    .qb-with-Carousel .quote-label {
        right: 0
    }
}

@media(max-width:767px) {
    .qb-with-Carousel .quote-label {
        right: 0;
        margin-top: -5px
    }
}

@media(max-width:575px) {
    .qb-with-Carousel .quote-label {
        right: 0
    }
}

.qb-with-Carousel .quote-label .arrow-img {
    width: 60px;
    height: 60px;
    background-size: 100% 100%;
    display: inline-block;
    background-repeat: no-repeat
}

.qb-with-Carousel .quote-label-text {
    display: inline-block;
    max-width: 120px;
    position: relative;
    top: -40px
}

.qb-with-Carousel .quote-label-text,
.qb-with-Carousel .quote-label-text p {
    font-family: 'APKProtocol Medium';
    font-size: 24px;
    line-height: 24px
}

.accordion-with-animation {
    margin-top: 15px
}

.padding-right .accordion-with-animation.accordion-with-animation {
    padding-right: 45px
}

@media screen and (max-width:1023px) {
    .padding-right .accordion-with-animation.accordion-with-animation {
        padding-right: 0
    }
}

.accordion-with-animation[data-is-animate="true"] {
    visibility: hidden
}

.accordion-with-animation.editmode {
    visibility: visible;
    animation: none !important;
    -webkit-animation: none !important
}

.accordion-with-animation.animate {
    visibility: visible;
    animation: bringUp-acc 1s 1 alternate;
    -webkit-animation: bringUp-acc 1s 1 alternate
}

@keyframes bringUp-acc {
    1% {
        transform: translateY(100px);
        -webkit-transform: translateY(100px)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes bringUp-acc {
    1% {
        transform: translateY(100px);
        -webkit-transform: translateY(100px)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

.accordion-with-animation .accordion {
    margin-bottom: 2rem;
    padding-left: 0;
    list-style-type: none
}

.accordion-with-animation .accordion .accordion__item {
    padding: 0
}

.accordion-with-animation .accordion .accordion__item:not(:first-child) {
    border-top: 0
}

.accordion-with-animation .accordion .accordion__item .accordion__title {
    position: relative;
    display: block;
    color: #000;
    font-size: 18px;
    font-family: "APKProtocol Bold";
    border-top: .3px solid #ccc;
    border-bottom: 0;
    padding: 1.5rem 2.5rem 1.5rem 0;
    cursor: pointer
}

.accordion-with-animation .accordion .accordion__item .accordion__title:before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    font-size: .75rem;
    font-weight: normal;
    content: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/minus.svg")
}

.accordion-with-animation .accordion .accordion__item .accordion__title.collapsed {
    border-bottom: 0
}

.accordion-with-animation .accordion .accordion__item .accordion__title.collapsed:before {
    content: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/plus.svg")
}

.accordion-with-animation .accordion .accordion__item .accordion__title:hover,
.accordion-with-animation .accordion .accordion__item .accordion__title:focus {
    color: #000
}

.accordion-with-animation .accordion .accordion__content {
    font-family: "APKProtocol Regular";
    font-size: 15px;
    padding: 0 15px 45px 0
}

.accordion-with-animation .accordion .accordion__content p {
    color: #000;
    padding-left: 0
}

.accordion-with-animation .accordion .accordion__content img {
    max-width: 100% !important
}

@media screen and (max-width:575px) {
    .accordion-with-animation .accordion__title {
        padding-right: 2.5rem
    }
}

.hero-img-with-animation {
    position: relative;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center
}

.hero-img-with-animation .heroImage-Text {
    align-self: center
}

.hero-img-with-animation:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #000, #000);
    opacity: .3
}

.hero-img-with-animation[data-is-animate="true"] {
    visibility: hidden
}

.hero-img-with-animation.editmode {
    top: 0;
    visibility: visible;
    animation: none !important;
    -webkit-animation: none !important;
    transform: ScaleX(1) !important;
    -webkit-transform: ScaleX(1) !important
}

.hero-img-with-animation.animate {
    visibility: visible;
    animation: bringUp-hi .5s 1 forwards;
    -webkit-animation: bringUp-hi .5s 1 forwards;
    transform: ScaleX(0.4);
    -webkit-transform: ScaleX(0.4);
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes bringUp-hi {
    1% {
        transform: ScaleX(0.4);
        -webkit-transform: ScaleX(0.4)
    }

    100% {
        transform: ScaleX(1);
        -webkit-transform: ScaleX(1)
    }
}

@-webkit-keyframes bringUp-hi {
    1% {
        transform: ScaleX(0.4);
        -webkit-transform: ScaleX(0.4)
    }

    100% {
        transform: ScaleX(1);
        -webkit-transform: ScaleX(1)
    }
}

.hero-img-with-animation .heroImage-Text {
    color: #fff;
    padding: 0 94px;
    position: relative;
    width: auto;
    font-family: "APKProtocol Bold";
    font-size: 86px;
    line-height: 1;
    text-align: center
}

@media(max-width:1023px) {
    .hero-img-with-animation .heroImage-Text {
        padding: 0 33px
    }
}

@media(max-width:767px) {
    .hero-img-with-animation .heroImage-Text {
        font-size: 45px
    }
}

.hero-img-with-animation .heroImage-Text .heroImage-Text_heading {
    margin-bottom: 20px;
    margin-top: 0
}

@media(max-width:767px) {
    .hero-img-with-animation .heroImage-Text .heroImage-Text_heading {
        margin-bottom: 0
    }
}

.hero-img-with-animation .heroImage-Text .heroImage-Text_Link {
    display: block
}

.hero-img-with-animation .heroImage-Text .heroImage-Text_Link.arrow:before {
    content: '\003c';
    padding-right: .5rem;
    vertical-align: middle;
    height: 1.1rem;
    width: .2rem
}

.hero-img-with-animation .heroImage-Text .heroImage-Text_subtext {
    display: none
}

.hero-img-with-animation .heroImage-Text a {
    color: #fff
}

.heroimage.font-regular .hero-img-with-animation:before {
    background-image: none;
    opacity: 0
}

.heroimage.font-regular .heroImage-Text {
    position: absolute
}

.heroimage.font-regular .heroImage-Text_heading {
    font-family: "APKProtocol Regular";
    font-size: 60px;
    line-height: 64px
}

@media(max-width:767px) {
    .heroimage.font-regular .heroImage-Text_heading {
        font-size: 45px;
        line-height: 48px
    }
}

@keyframes expandLeft {
    from {
        background-size: 0 100%
    }

    to {
        background-size: 100% 100%
    }
}

.gs-hero-view .hero-animations .hero-image.anim {
    animation-name: expandLeft;
    animation-duration: 2s;
    animation-direction: alternate;
    -webkit-animation-name: expandLeft;
    -webkit-animation-duration: 2s;
    -webkit-animation-direction: alternate
}

@keyframes fadeInLeft {
    0 {
        opacity: 0;
        transform: translateX(-200px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.gs-hero-view .hero-animations .text-carousel.fadeInLeft-anim {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft
}

.gs-hero-view .hero-animations .video-text-wrapper.fadeInRight-anim {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight
}

.gs-hero-view .hero-animations .video-desc-tag.fadeInDownBig-anim {
    animation-name: fadeInDownBig;
    -webkit-animation-name: fadeInDownBig
}

.gs-hero-view .hero-animations .arrow-ico {
    visibility: hidden;
    animation: arrow-anim .5s .5s 1 forwards;
    -webkit-animation: arrow-anim .5s .5s 1 forwards
}

@keyframes arrow-anim {
    from {
        height: 0
    }

    to {
        visibility: visible;
        height: 69px
    }
}

@-webkit-keyframes arrow-anim {
    from {
        height: 0
    }

    to {
        visibility: visible;
        height: 69px
    }
}

.gs-hero-view .hero-animations .video-tags {
    height: 61px;
    position: relative;
    overflow: hidden;
    visibility: hidden
}

@media(max-width:1023px) {
    .gs-hero-view .hero-animations .video-tags {
        width: 89px
    }
}

.gs-hero-view .hero-animations .video-tags img {
    height: 61px;
    width: 69px;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: rotate(0);
    -webkit-transform: rotate(0)
}

.gs-hero-view .hero-animations .video-tags .curve-arrow {
    animation: curve-arrow 1s .5s ease-in-out 1 forwards;
    -webkit-animation: curve-arrow 1s .5s ease-in-out 1 forwards
}

@keyframes curve-arrow {
    1% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        visibility: hidden;
        bottom: -55px;
        right: -60px
    }

    100% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        visibility: visible;
        bottom: 0;
        right: 0
    }
}

@-webkit-keyframes curve-arrow {
    1% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        visibility: hidden;
        bottom: -55px;
        right: -60px
    }

    100% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        visibility: visible;
        bottom: 0;
        right: 0
    }
}

.gs-hero-view .hero-animations .box .video-tags {
    height: 95px;
    width: 45px;
    position: relative;
    overflow: hidden;
    margin-right: 5px
}

.gs-hero-view .hero-animations .box .video-tags img {
    position: absolute;
    top: 0;
    left: 0
}

.gs-hero-view .hero-animations .box .video-tags .curve-arrow {
    animation: curve-arrow-box .5s .5s ease-in-out 1 forwards;
    -webkit-animation: curve-arrow-box 1s .5s ease-in-out 1 forwards;
    animation-delay: .5s
}

@keyframes curve-arrow-box {
    1% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        visibility: hidden;
        top: -35px;
        left: 45px
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        visibility: visible;
        top: 0;
        left: 0
    }
}

@-webkit-keyframes curve-arrow-box {
    1% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        visibility: hidden;
        top: -35px;
        left: 45px
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        visibility: visible;
        top: 0;
        left: 0
    }
}

.gs-hero-view .hero-list .slick-prev.slick-arrow {
    left: 0;
    z-index: 1;
    height: 100px;
    width: 49px;
    background-color: #2e2926;
    opacity: .7;
    border-top-right-radius: 52px;
    border-bottom-right-radius: 52px;
    margin-top: -40px
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .slick-prev.slick-arrow.click-disabled {
        pointer-events: none
    }
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .slick-prev.slick-arrow {
        transition: width .5s;
        margin-top: -50px
    }
}

.gs-hero-view .hero-list .slick-prev.slick-arrow:hover {
    background-color: #2e2926;
    opacity: 1
}

@media(min-width:1200px) {
    .gs-hero-view .hero-list .slick-prev.slick-arrow:hover {
        width: 95px
    }
}

@media(max-width:767px) {
    .gs-hero-view .hero-list .slick-prev.slick-arrow {
        height: 64px;
        width: 32px;
        position: absolute;
        top: 230px;
        border-top-right-radius: 32px;
        border-bottom-right-radius: 32px
    }
}

.gs-hero-view .hero-list .slick-prev.slick-arrow::before {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/r-left-arrow.svg');
    background-size: 13px 27px;
    display: inline-block;
    width: 13px;
    height: 27px;
    content: "";
    margin-right: 8px
}

@media(max-width:767px) {
    .gs-hero-view .hero-list .slick-prev.slick-arrow::before {
        background-size: 9px 20px;
        width: 9px;
        height: 20px;
        margin-right: 5px
    }
}

.gs-hero-view .hero-list .slick-next.slick-arrow {
    right: 0;
    height: 100px;
    width: 50px;
    background-color: #2e2926;
    opacity: .7;
    border-top-left-radius: 49px;
    border-bottom-left-radius: 50px;
    margin-top: -40px
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .slick-next.slick-arrow.click-disabled {
        pointer-events: none
    }
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .slick-next.slick-arrow {
        transition: width .5s;
        margin-top: -50px
    }
}

.gs-hero-view .hero-list .slick-next.slick-arrow:hover {
    background-color: #2e2926;
    opacity: 1
}

@media(min-width:1200px) {
    .gs-hero-view .hero-list .slick-next.slick-arrow:hover {
        width: 95px
    }
}

@media(max-width:767px) {
    .gs-hero-view .hero-list .slick-next.slick-arrow {
        height: 64px;
        width: 32px;
        border-top-left-radius: 32px;
        border-bottom-left-radius: 32px;
        position: absolute;
        top: 230px
    }
}

.gs-hero-view .hero-list .slick-next.slick-arrow::before {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/r-right-arrow.svg');
    background-size: 13px 27px;
    display: inline-block;
    width: 13px;
    height: 27px;
    content: "";
    opacity: 1;
    margin-left: 8px
}

@media(max-width:767px) {
    .gs-hero-view .hero-list .slick-next.slick-arrow::before {
        background-size: 9px 20px;
        width: 9px;
        height: 20px;
        margin-left: 5px
    }
}

.gs-hero-view .hero-list .slick-dots {
    text-align: left;
    bottom: 490px
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .slick-dots {
        bottom: 575px
    }
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .slick-dots {
        bottom: 290px
    }
}

.gs-hero-view .hero-list .slick-dots li.slick-active button:before {
    opacity: 1;
    color: transparent;
    background-color: white;
    border-radius: 100%;
    height: 10px;
    width: 10px
}

.gs-hero-view .hero-list .slick-dots li button:before {
    opacity: .75;
    border: 1px solid white;
    height: 10px;
    border-radius: 100%;
    width: 10px;
    color: transparent
}

.gs-hero-view .hero-list .slick-dots li {
    width: 10px
}

@media(min-width:1200px) {
    .gs-hero-view .hero-list .hero-image-carousel {
        height: 700px
    }
}

@media screen and (max-width:1199px) and (min-width:1024px) {
    .gs-hero-view .hero-list .hero-image-carousel {
        height: 650px
    }
}

.gs-hero-view .hero-list .hero-image {
    background-color: #fff;
    background-image: url("https://www.qnityelectronics.com/etc.clientlibs/electronics-foundation/clientlibs/clientlib-global/source/clientlibs/assets/images/products/bg-gs.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position-x: right;
    width: 100%;
    min-height: 600px;
    display: flex
}

@media(max-width:767px) {
    .gs-hero-view .hero-list .hero-image {
        min-height: 970px
    }
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .hero-image {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .hero-image {
        height: 600px
    }
}

@media(max-width:768px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper {
        margin-top: 100px
    }
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper {
        height: 100%
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper {
    float: left;
    display: grid
}

@media(max-width:767px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper {
        padding-right: 0;
        padding-left: 23px
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper {
        margin-top: 70px
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper .text-carousel {
    width: 100%
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper .text-carousel {
        width: 290px;
        margin: auto
    }
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper .text-carousel {
        margin: auto 0
    }
}

@media(min-width:1200px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper .text-carousel {
        width: auto;
        margin: auto 0
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper .text-carousel .text h1 {
    font-family: "APKProtocol Bold";
    color: #fff;
    font-size: 20px;
    line-height: 1.25
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper .text-carousel .text h1 {
        font-size: 30px
    }
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper .text-carousel .text h1 {
        font-size: 30px;
        line-height: 1.32
    }
}

@media(min-width:1200px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper .text-carousel .text h1 {
        font-size: 38px
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper .text-carousel .text p {
    font-family: "APKProtocol Regular";
    color: #fff;
    font-size: 20px;
    line-height: 1.25
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper .text-carousel .text p {
        font-size: 30px
    }
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper .text-carousel .text p {
        font-size: 30px;
        line-height: 1.24
    }
}

@media(min-width:1200px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .text-carousel-wrapper .text-carousel .text p {
        font-size: 38px
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper {
    display: flex;
    justify-content: center
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper {
        justify-content: flex-start
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .pro-wrap {
    position: relative
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .pro-wrap {
        width: 320px;
        margin: auto 0
    }
}

@media(min-width:1200px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .pro-wrap {
        width: 456px;
        height: 419px;
        margin: auto 0
    }
}

@media(max-width:767px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .pro-wrap {
        width: 80%;
        margin: 0 auto
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .pro-wrap .pro-tag {
    font-family: "APKProtocol Bold";
    font-size: 15px;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    transform: rotate(-90deg);
    transform-origin: right top 0;
    border: 1px solid black;
    position: absolute;
    top: 35px;
    right: 0;
    border-bottom-left-radius: 27px;
    border-bottom-right-radius: 27px;
    background-color: rgba(0, 0, 0, 0.2)
}

@media(max-width:767px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .pro-wrap .pro-tag {
        top: 40px
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .can-img .center-img {
    width: 69px;
    height: 201px;
    margin: 0 auto;
    margin-top: -30px
}

@media(min-width:600px) and (max-width:767px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .can-img .center-img {
        width: 100px;
        height: auto
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .can-img .center-img {
        width: 120px;
        height: auto;
        margin-top: 50px
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .can-img .center-img {
        width: 520px;
        height: auto;
        margin-top: 30px;
        position: absolute;
        left: -130px;
        top: -175px
    }
}

@media(min-width:1200px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .can-img .center-img {
        width: 720px;
        height: auto;
        margin-top: 30px;
        position: absolute;
        left: -185px;
        top: -300px
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .can-img .center-img-cp {
    display: none
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .box-img {
    max-width: 456px
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .box-img img {
    max-width: 100%
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .box-img .center-img-cp {
    display: none
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .can-mob-img .center-img {
    width: 69px;
    height: 201px;
    margin: 0 auto;
    margin-top: -30px
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .can-mob-img .center-img {
        width: 120px;
        height: auto;
        margin-top: 0
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .can-img-rev {
    display: none
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .box-img .center-img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 25px
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .box-img .center-img {
        width: 100%
    }
}

@media(min-width:1024px) and (max-width:1200px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .box-img .center-img {
        width: 320px;
        margin: auto 0
    }
}

@media(min-width:1200px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .box-img .center-img {
        width: 456px;
        height: 419px;
        margin: auto 0
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .new-prod-tag {
    float: right;
    position: absolute;
    left: -35px;
    bottom: -35px
}

@media(min-width:360px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .new-prod-tag {
        left: -20px;
        bottom: -40px
    }
}

@media(min-width:411px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .new-prod-tag {
        left: -15px;
        bottom: -45px
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .new-prod-tag {
        width: 100px;
        left: 0;
        bottom: 0
    }
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .new-prod-tag {
        width: 100px;
        left: -70px;
        bottom: 70px
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .new-prod-tag .arrow-icon {
    width: 35px;
    height: 30px
}

@media(max-width:767px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .new-prod-tag .arrow-icon {
        transform: scaleY(-1);
        position: absolute;
        top: -75px;
        left: 25px
    }
}

@media(min-width:768px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .new-prod-tag .arrow-icon {
        width: auto;
        height: 61px;
        margin-left: 30px
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .new-prod-tag p {
    font-family: "APKProtocol Medium";
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-transform: uppercase;
    float: right
}

@media(max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .img-wrapper .new-prod-tag p {
        font-size: 19px;
        line-height: .47
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text {
    margin-top: 100px;
    margin-bottom: 75px
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text {
        width: 380px;
        float: left;
        margin-top: auto;
        margin-bottom: auto
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text {
        margin-top: 60px
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper {
    float: left
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper {
        float: none;
        max-width: 90%;
        margin: 0 auto
    }
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper {
        width: 300px
    }
}

@media(min-width:1200px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper {
        width: 380px
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper video {
    display: none
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper .play-icon-wrap {
    position: relative;
    margin-bottom: 20px
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper .poster-img {
    width: 100%
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper .playpause {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/video-play.svg');
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    background-size: contain;
    position: absolute;
    left: 50%;
    margin-left: -45px;
    top: 50%;
    margin-top: -45px;
    transition: all .2s ease-in-out
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper .playpause:hover {
    transform: scale(1.1);
    cursor: pointer
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper .text-wrap {
        width: 70%
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper .text-wrap h3,
.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper .text-wrap h4 {
    font-family: "APKProtocol Bold";
    font-size: 18px;
    line-height: 1.34
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper .text-wrap p {
    font-family: "APKProtocol Regular";
    font-size: 15px;
    line-height: 1.33
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper a {
    font-family: "APKProtocol Medium";
    line-height: 1.18;
    padding: 11px 21px;
    font-size: 13px;
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-width: 1px;
    border-style: solid
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-text-wrapper a:hover {
    background-color: #beff00;
    text-decoration: none
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-desc-tag {
    position: absolute;
    right: -20px;
    top: -65px
}

@media(max-width:767px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-desc-tag {
        width: 200px;
        left: 30px;
        display: flex
    }
}

@media(max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-desc-tag {
        display: flex;
        right: 35px
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-desc-tag {
        right: -75px
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-desc-tag .video-desc-icon {
    height: 61px;
    display: block;
    margin-right: 90px
}

@media(max-width:767px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-desc-tag .video-desc-icon {
        display: initial;
        float: left;
        margin-right: 10px
    }
}

@media(max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-desc-tag .video-desc-icon {
        float: right;
        margin-right: 10px
    }
}

.gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-desc-tag p {
    font-family: "APKProtocol Medium";
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-transform: uppercase;
    width: 110px;
    margin-left: 70px;
    margin-top: 5px
}

@media(max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .txt-img-video-wrapper .video-text .video-desc-tag p {
        margin-left: 0;
        font-size: 19px;
        line-height: .47
    }
}

@media(max-width:767px) {
    .gs-hero-view .hero-list .hero-image .box .text-carousel {
        width: 85% !important;
        margin: 0 auto
    }
}

@media(max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .box .img-wrapper .video-desc-tag {
        left: 0;
        bottom: -20px
    }
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .hero-image .box .video-text {
        width: 100%
    }
}

.gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper {
    float: left
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper {
        float: none;
        max-width: 90%;
        margin: 0 auto
    }
}

@media(min-width:1024px) {
    .gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper {
        width: 212px
    }
}

@media(min-width:1200px) {
    .gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper {
        width: 212px
    }
}

.gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper video {
    display: none
}

.gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper .play-icon-wrap {
    position: relative;
    margin-bottom: 20px
}

.gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper .poster-img {
    width: 100%
}

.gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper .playpause {
    width: 55px;
    height: 55px;
    margin-left: -27.5px;
    margin-top: -27.5px
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper .text-wrap {
        width: 70%
    }
}

.gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper .text-wrap h3,
.gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper .text-wrap h4 {
    font-family: "APKProtocol Bold";
    font-size: 18px;
    line-height: 1.34
}

.gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper .text-wrap p {
    font-family: "APKProtocol Regular";
    font-size: 15px;
    line-height: 1.33
}

.gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper a {
    font-family: "APKProtocol Medium";
    line-height: 1.18;
    padding: 11px 21px;
    font-size: 13px;
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-width: 1px;
    border-style: solid
}

.gs-hero-view .hero-list .hero-image .box .video-text .video-text-wrapper a:hover {
    background-color: #beff00;
    text-decoration: none
}

.gs-hero-view .hero-list .hero-image .box .video-text .video-desc-tag {
    float: right;
    width: auto;
    position: absolute;
    right: 100px;
    top: -100px;
    display: inline-flex
}

@media(max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .box .video-text .video-desc-tag {
        width: 200px;
        left: 50px;
        top: -90px
    }
}

@media(max-width:1024px) and (max-width:1200px) {
    .gs-hero-view .hero-list .hero-image .box .video-text .video-desc-tag {
        right: 0
    }
}

.gs-hero-view .hero-list .hero-image .box .video-text .video-desc-tag .video-desc-icon {
    display: initial;
    width: auto;
    height: 61px;
    margin-top: 20px;
    margin-right: 10px
}

@media(max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .box .video-text .video-desc-tag .video-desc-icon {
        float: left
    }
}

.gs-hero-view .hero-list .hero-image .box .video-text .video-desc-tag p {
    margin-left: 0
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-hero-view .hero-list .hero-image .box .img-wrapper .new-prod-tag {
        left: -100px;
        bottom: -45px
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .gs-hero-view .modal .modal-dialog {
        max-width: 85%
    }
}

.gs-hero-view .modal .modal-dialog .modal-content {
    background-color: transparent;
    border: 0
}

.gs-hero-view .modal .modal-dialog .modal-content .close {
    position: absolute;
    right: -25px;
    top: -25px;
    opacity: 1
}

@media(max-width:520px) {
    .gs-hero-view .modal .modal-dialog .modal-content .close {
        right: 0;
        top: -50px
    }
}

.gs-hero-view .modal .modal-dialog .modal-content .close img {
    font-size: 50px;
    width: 20px
}

.gs-hero-view .modal .modal-dialog .modal-content .modal-body {
    padding: 0
}

.gs-hero-view .modal .modal-dialog .modal-content .modal-body .video {
    width: 100%
}

.herolist-shade {
    background-color: #000
}

.herolist-shade .herolist-slides .slick-dots li button:before {
    content: '•'
}

.herolist-shade .herolist-slides .slick-prev {
    z-index: 1;
    left: 50px
}

@media(max-width:1023px) {
    .herolist-shade .herolist-slides .slick-prev {
        left: 10px
    }
}

.herolist-shade .herolist-slides .slick-prev:before {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/r-left-arrow.svg);
    background-size: 13px 27px;
    display: inline-block;
    width: 13px;
    height: 27px;
    content: "";
    margin-right: 8px
}

.herolist-shade .herolist-slides .slick-next {
    z-index: 1;
    right: 50px
}

@media(max-width:1023px) {
    .herolist-shade .herolist-slides .slick-next {
        right: 10px
    }
}

.herolist-shade .herolist-slides .slick-next:before {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/r-right-arrow.svg);
    background-size: 13px 27px;
    display: inline-block;
    width: 13px;
    height: 27px;
    content: "";
    opacity: 1;
    margin-left: 8px
}

.herolist-shade .herolist-slides .slick-dots {
    bottom: 15px
}

.herolist-shade .herolist-slides .slick-dots li button:before {
    font-size: 10px;
    color: #fff
}

.herolist-shade .herolist-slides .slick-dots li {
    margin: 0
}

.herolist-shade .herolist-slides li.slick-active button:before {
    opacity: 1;
    color: transparent;
    background-color: white;
    border-radius: 100%;
    height: 10px;
    width: 10px
}

.herolist-shade .herolist-slides .slick-dots li button:before {
    opacity: .75;
    border: 1px solid white;
    height: 10px;
    border-radius: 100%;
    width: 10px;
    color: transparent
}

.herolist-shade .herolist-imgwrap {
    height: 750px;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .95
}

@media(max-width:767px) {
    .herolist-shade .herolist-imgwrap {
        max-height: 480px
    }
}

.herolist-shade .herolist-imgwrap.img-shade {
    position: relative
}

.herolist-shade .herolist-imgwrap.img-shade:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #000, #000);
    opacity: .3;
    height: 100%
}

.herolist-shade .herolist-imgwrap .slide-content {
    display: flex;
    height: 100%
}

.herolist-shade .herolist-imgwrap .slide-content .content-shade {
    position: relative;
    color: #fff;
    padding-bottom: 45px;
    padding-top: 45px;
    width: 100%
}

.herolist-shade .herolist-imgwrap .slide-content .content-shade.solid {
    background-color: rgba(0, 0, 0, 0.5)
}

.herolist-shade .herolist-imgwrap .slide-content .content-shade.gradient {
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0))
}

.herolist-shade .herolist-imgwrap .slide-content .herolist-container {
    padding-left: 33px;
    padding-right: 33px
}

@media(min-width:1024px) {
    .herolist-shade .herolist-imgwrap .slide-content .herolist-container {
        padding-left: 94px;
        padding-right: 94px
    }
}

.herolist-shade .herolist-imgwrap .slide-content .herolist-container.content-left {
    text-align: left
}

.herolist-shade .herolist-imgwrap .slide-content .herolist-container.content-center {
    text-align: center
}

.herolist-shade .herolist-imgwrap .slide-content .herolist-container.content-right {
    text-align: right
}

.herolist-shade .herolist-imgwrap .slide-content .head-line {
    color: #fff;
    text-shadow: 0 1px 2px #000
}

.herolist-shade .herolist-imgwrap .slide-content .head-line.text-right {
    text-align: right
}

.herolist-shade .herolist-imgwrap .slide-content .head-line.text-center {
    text-align: center
}

.herolist-shade .herolist-imgwrap .slide-content .head-line.text-left {
    text-align: left
}

.herolist-shade .herolist-imgwrap .slide-content .subhead-line {
    display: none;
    color: #fff;
    text-shadow: 0 1px 2px #000
}

.herolist-shade .herolist-imgwrap .slide-content .subhead-line.text-right {
    text-align: right
}

.herolist-shade .herolist-imgwrap .slide-content .subhead-line.text-center {
    text-align: center
}

.herolist-shade .herolist-imgwrap .slide-content .subhead-line.text-left {
    text-align: left
}

.herolist-shade .herolist-imgwrap .slide-content .sub-text {
    display: none;
    color: #fff;
    font-size: 11px;
    margin-bottom: 10px;
    text-shadow: 0 .5px .1px #000;
    line-height: 15px;
    letter-spacing: .5px;
    color: #e1e1e1;
    text-align: right
}

.herolist-shade .herolist-imgwrap .slide-content .sub-text.text-right {
    text-align: right
}

.herolist-shade .herolist-imgwrap .slide-content .sub-text.text-center {
    text-align: center
}

.herolist-shade .herolist-imgwrap .slide-content .sub-text.text-left {
    text-align: left
}

.herolist-shade .herolist-imgwrap .slide-content .link-container {
    display: none;
    margin-top: 30px
}

.herolist-shade .herolist-imgwrap .slide-content .link-container .carousel-button {
    border: 1px solid #beff00;
    background: #beff00;
    border-color: #beff00 !important;
    color: #000 !important;
    border-radius: 25px;
    padding: 10px 40px
}

.herolist-shade .herolist-imgwrap .slide-content .link-container .carousel-button:hover {
    border: 1px solid #98cc00;
    background: #98cc00;
    border-color: #98cc00 !important;
    color: #000 !important
}

.herolist-shade .herolist-imgwrap .slide-content.content-top {
    align-items: flex-start
}

.herolist-shade .herolist-imgwrap .slide-content.content-center {
    align-items: center
}

.herolist-shade .herolist-imgwrap .slide-content.content-bottom {
    align-items: flex-end
}

.electronics-herolist.carousel_Top .slide-content {
    align-items: flex-start
}

.electronics-herolist.carousel_Top .transparentGradient {
    background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0))
}

.electronics-herolist.carousel_Middle .slide-content {
    align-items: center
}

.electronics-herolist.carousel_Middle .transparentGradient {
    background-color: rgba(0, 0, 0, 0.5)
}

.electronics-herolist.carousel_Bottom .slide-content {
    align-items: flex-end
}

.electronics-herolist.carousel_Bottom .transparentGradient {
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0))
}

.electronics-herolist.carousel_Left .herolist-container {
    text-align: left
}

.electronics-herolist.carousel_Center .herolist-container {
    text-align: center
}

.electronics-herolist.carousel_Right .herolist-container {
    text-align: right
}

.electronics-herolist.carousel_Desc .herolist-shade .subhead-line {
    display: block
}

.electronics-herolist.carousel_SideText .herolist-shade .sub-text {
    display: block
}

.electronics-herolist.carousel_Link .herolist-shade .link-container {
    display: block
}

@media screen and (min-width:1200px) {
    .grid-2 .cmp-faq.cmp-faq .faq-outer-wrapper {
        padding: 0 188px
    }
}

.cmp-faq .faq-outer-wrapper[data-is-animate="true"] {
    visibility: hidden
}

.cmp-faq .faq-outer-wrapper.editmode {
    visibility: visible
}

.cmp-faq .faq-outer-wrapper.animate {
    visibility: visible;
    animation: bringUp-fq 1s ease-in-out 1 forwards;
    -webkit-animation: bringUp-fq 1s ease-in-out 1 forwards
}

@keyframes bringUp-fq {
    1% {
        transform: translateY(150px);
        -webkit-transform: translateY(150px)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes bringUp-fq {
    1% {
        transform: translateY(150px);
        -webkit-transform: translateY(150px)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

.cmp-faq .faq-outer-wrapper.animate .faq-search-section,
.cmp-faq .faq-outer-wrapper.animate .faq-filter-section {
    animation: bringUp-fq 1s ease-in-out 1 forwards;
    -webkit-animation: bringUp-fq 1s ease-in-out 1 forwards
}

.cmp-faq .faq-outer-wrapper .row {
    margin: 0
}

.cmp-faq .faq-outer-wrapper .row .col-12 {
    padding: 0
}

.cmp-faq .faq-outer-wrapper .caption {
    font-size: 18px;
    line-height: 1.44;
    color: #000;
    font-family: "APKProtocol Regular"
}

.cmp-faq .faq-outer-wrapper .faq-search-section {
    margin-top: 25px
}

.cmp-faq .faq-outer-wrapper .faq-search-section .search-block .search-icon {
    display: block;
    background-size: 100% 100%;
    color: black;
    position: relative;
    top: 38px;
    left: 15px;
    width: 25px;
    height: 25px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/search-black-icon.svg')
}

.cmp-faq .faq-outer-wrapper .faq-search-section .search-block #search-box {
    float: left;
    width: calc(100% - 75px);
    border-radius: 4px;
    border: solid 1px #dadada;
    font-size: 18px;
    font-family: "APKProtocol Regular";
    padding: 10px 45px
}

@media screen and (max-width:575px) {
    .cmp-faq .faq-outer-wrapper .faq-search-section .search-block #search-box {
        font-size: 14px;
        padding: 14px 45px
    }
}

.cmp-faq .faq-outer-wrapper .faq-search-section .search-block .clear-btn {
    float: left;
    margin-left: -30px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 15px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/close-black-icon.svg')
}

.cmp-faq .faq-outer-wrapper .faq-search-section .search-block .search-btn {
    float: left;
    width: 60px;
    height: 50px;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-family: "APKProtocol Bold";
    border-radius: 4px;
    border: 1px solid #000;
    cursor: pointer;
    margin-left: 15px
}

.cmp-faq .faq-outer-wrapper .faq-search-section .search-block .search-btn:hover {
    background: #fff;
    color: #000
}

.cmp-faq .faq-outer-wrapper .faq-search-section .search-result-block {
    margin-top: 50px;
    display: none
}

.cmp-faq .faq-outer-wrapper .faq-search-section .search-result-block .result-count-wrapper {
    font-size: 14px;
    font-family: "APKProtocol Regular";
    border-bottom: solid 1px #dadada;
    padding-bottom: 5px
}

.cmp-faq .faq-outer-wrapper .faq-search-section .search-result-block .search-results-accordion {
    list-style-type: none;
    margin: 5px 0 0 0;
    padding: 0
}

.cmp-faq .faq-outer-wrapper .faq-filter-section {
    margin-top: 80px
}

.cmp-faq .faq-outer-wrapper .faq-filter-section .headline {
    font-family: "APKProtocol Bold";
    font-size: 37px;
    line-height: .89
}

.cmp-faq .faq-outer-wrapper .faq-filter-section .filters-wrapper {
    margin-top: 15px;
    border-bottom: 8px solid #eee;
    padding-bottom: 20px
}

.cmp-faq .faq-outer-wrapper .faq-filter-section .filters-wrapper .filters {
    float: left;
    color: #000;
    border: 1px solid #000;
    border-radius: 17.5px;
    font-size: 13px;
    font-family: "APKProtocol Bold";
    padding: 5px 40px;
    margin-right: 20px;
    margin-top: 15px;
    cursor: pointer
}

.cmp-faq .faq-outer-wrapper .faq-filter-section .filters-wrapper .filters:last-child {
    margin-right: 0
}

.cmp-faq .faq-outer-wrapper .faq-filter-section .filters-wrapper .filters:hover {
    color: #fff;
    background-color: #beff00;
    border: 1px solid #beff00
}

.cmp-faq .faq-outer-wrapper .faq-filter-section .filters-wrapper .filters.active {
    color: #fff;
    background-color: #beff00;
    border: 1px solid #beff00
}

.cmp-faq .faq-outer-wrapper .faq-filter-section .filter-results-accordion {
    list-style-type: none
}

.cmp-faq .faq-outer-wrapper .q-text {
    font-size: 18px;
    font-family: "APKProtocol Bold";
    padding: 20px 30px 20px 30px;
    line-height: 1.34;
    cursor: pointer;
    display: flex;
    border-bottom: 1px solid #eee
}

.cmp-faq .faq-outer-wrapper .q-text .q-icon {
    font-size: 29px;
    font-family: "APKProtocol Medium";
    color: #beff00;
    position: relative;
    left: -15px
}

.cmp-faq .faq-outer-wrapper .q-text .question {
    display: block;
    width: calc(100% - 50px);
    position: relative;
    padding-top: 8px
}

.cmp-faq .faq-outer-wrapper .q-text .acc-icon {
    width: 18px;
    height: 2px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/minus.svg');
    position: relative;
    right: -15px;
    float: right;
    top: 20px
}

.cmp-faq .faq-outer-wrapper .a-text {
    font-size: 15px;
    font-family: "APKProtocol Regular";
    padding: 20px 30px 20px 30px;
    background-color: #eee;
    line-height: 1.47;
    display: flex
}

.cmp-faq .faq-outer-wrapper .a-text .a-icon {
    font-size: 29px;
    font-family: "APKProtocol Medium";
    color: #000;
    position: relative;
    left: -15px
}

.cmp-faq .faq-outer-wrapper .a-text .answer {
    display: block;
    width: 100%;
    position: relative;
    padding-top: 8px
}

.cmp-faq .faq-outer-wrapper .collapsed .acc-icon {
    width: 18px;
    height: 18px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/plus.svg');
    position: relative;
    right: -15px;
    float: right;
    top: 10px
}

.cmp-faq .faq-outer-wrapper .collapsed .a-text {
    display: none
}

.cmp-faq .faq-outer-wrapper .view-more-btn {
    margin: 20px auto 0 auto;
    color: #000;
    border: 1px solid #000;
    border-radius: 30px;
    font-size: 14px;
    font-family: "APKProtocol Regular";
    padding: 10px 30px;
    background-color: #fff;
    cursor: pointer;
    display: none
}

.cmp-faq .faq-outer-wrapper .view-more-btn:hover {
    color: #fff;
    background-color: #beff00;
    border: 1px solid #beff00
}

.cmp-faq .faq-outer-wrapper .message {
    margin: 25px;
    display: none;
    font-size: 18px;
    font-family: "APKProtocol Bold"
}

.faq-search-result {
    font-family: "APKProtocol Regular";
    z-index: 98
}

.faq-search-result.ui-widget {
    font-family: "APKProtocol Regular"
}

.faq-search-result.ui-widget a {
    font-family: "APKProtocol Regular";
    font-size: 18px;
    color: #000 !important
}

@media screen and (max-width:calc(576px - 1px)) {
    .faq-search-result.ui-widget a {
        font-size: 16px
    }
}

.faq-search-result.ui-widget-content {
    border: 0;
    border-top: 1px solid #e1e1e1;
    background: #fdfdfd;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
    padding: 20px !important
}

@media screen and (max-width:calc(576px - 1px)) {
    .faq-search-result.ui-widget-content {
        border: 0;
        padding: 20px 33px 20px 33px !important
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .faq-search-result {
        width: 100% !important;
        left: 0 !important;
        border: 0 !important;
        box-shadow: none;
        max-height: none !important;
        background: #fff !important;
        z-index: 98
    }
}

.faq-search-result .ui-menu-item {
    padding: 2px !important;
    font-size: 16px
}

@media screen and (max-width:calc(576px - 1px)) {
    .faq-search-result .ui-menu-item {
        font-size: 14px !important
    }
}

.faq-search-result .ui-menu-item:hover {
    background: #eee;
    font-family: "APKProtocol Medium"
}

.faq-search-result .ui-menu-item span {
    background: none !important;
    border: none !important;
    color: #000 !important;
    padding: 0 !important
}

.gs-zoomImg-view .container {
    overflow: hidden
}

.gs-zoomImg-view .zoom-animations .fadeInLeft-zoom {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation-duration: 1.7s
}

.gs-zoomImg-view .zoom-animations .fadeInRight-zoom {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    animation-duration: 1.7s
}

@media(min-width:768px) {
    .gs-zoomImg-view .row-height {
        min-height: 300px
    }
}

@media(min-width:1200px) {
    .gs-zoomImg-view .row-height {
        min-height: 450px
    }
}

@media(min-width:1024px) {
    .gs-zoomImg-view .row-height .prod-content {
        padding-right: 45px
    }
}

@media(min-width:768px) {
    .gs-zoomImg-view .row-height .prod-content {
        padding-right: 30px
    }
}

.gs-zoomImg-view .row-height .prod-content .title-desc-cta .sub-title {
    font-family: "APKProtocol Bold";
    font-size: 18px;
    line-height: 1.34;
    color: #000;
    margin-bottom: 0
}

.gs-zoomImg-view .row-height .prod-content .title-desc-cta .sub-title p {
    font-family: "APKProtocol Bold";
    font-size: 18px;
    line-height: 1.34;
    color: #000;
    margin-bottom: 0
}

.gs-zoomImg-view .row-height .prod-content .title-desc-cta .title h3 {
    font-family: "APKProtocol Bold";
    font-size: 86px;
    text-transform: uppercase;
    line-height: 1;
    word-break: break-word
}

@media(max-width:1200px) {
    .gs-zoomImg-view .row-height .prod-content .title-desc-cta .title h3 {
        font-size: 45px;
        font-weight: bold;
        letter-spacing: .61px
    }
}

@media(min-width:768px) {
    .gs-zoomImg-view .row-height .prod-content .title-desc-cta .desc {
        margin-bottom: 10px
    }
}

@media(min-width:1024px) {
    .gs-zoomImg-view .row-height .prod-content .title-desc-cta .desc {
        margin-bottom: 15px
    }
}

.gs-zoomImg-view .row-height .prod-content .title-desc-cta .desc p {
    font-family: "APKProtocol Regular";
    font-size: 15px;
    line-height: 1.47
}

.gs-zoomImg-view .row-height .prod-content .title-desc-cta a,
.gs-zoomImg-view .row-height .prod-content .title-desc-cta .cta {
    border: 1px solid #beff00;
    background-color: #beff00;
    border-radius: 4px;
    padding: .5em 12px;
    letter-spacing: normal;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .91px;
    color: #212121;
    text-align: center;
    font-family: "APKProtocol Medium";
    cursor: pointer;
    display: none !important
}

.gs-zoomImg-view .row-height .prod-content .title-desc-cta a span,
.gs-zoomImg-view .row-height .prod-content .title-desc-cta .cta span,
.gs-zoomImg-view .row-height .prod-content .title-desc-cta a small,
.gs-zoomImg-view .row-height .prod-content .title-desc-cta .cta small {
    display: none
}

.gs-zoomImg-view .row-height .prod-content .title-desc-cta a img,
.gs-zoomImg-view .row-height .prod-content .title-desc-cta .cta img {
    width: 10px;
    margin-right: 2px;
    margin-bottom: 2px
}

.gs-zoomImg-view .row-height .prod-content .title-desc-cta a:hover,
.gs-zoomImg-view .row-height .prod-content .title-desc-cta .cta:hover {
    background-color: #fff;
    border-color: #000;
    color: #000
}

.gs-zoomImg-view .row-height .prod-content .title-desc-cta a.ps-enabled,
.gs-zoomImg-view .row-height .prod-content .title-desc-cta .cta.ps-enabled {
    display: block !important
}

.gs-zoomImg-view .row-height .prod-content .prd-rating-parsys {
    margin-top: 20px
}

.gs-zoomImg-view .row-height .zoom-img-thumbs {
    display: flex;
    width: 100%
}

@media(max-width:767px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs {
        margin-top: 20px;
        margin-bottom: 40px
    }
}

@media(min-width:768px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs {
        height: 300px
    }
}

@media(min-width:1024px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs {
        height: 350px
    }
}

@media(min-width:1200px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs {
        height: 450px
    }
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .zoom-img {
    display: none
}

@media(min-width:1200px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs .zoom-img {
        display: flex;
        width: 80%;
        margin-right: 5px;
        border-radius: 16px;
        cursor: zoom-in;
        overflow: hidden
    }
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .zoom-img img {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out;
    object-fit: cover
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .zoom-img .can-img {
    width: 132px;
    height: 389px;
    margin: auto
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .zoom-img .pro-tag {
    font-size: 15px;
    font-family: "APKProtocol Bold";
    color: #fff;
    position: absolute;
    top: 68%;
    text-align: center;
    width: 170px;
    transform: rotate(-90deg);
    border: 1px solid #000;
    transform-origin: left top 0;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 1
}

@media(max-width:1200px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs .zoom-img .pro-tag {
        display: none
    }
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .zoom-img.zoom-cur {
    cursor: zoom-out
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list {
    width: 100%
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .slick-prev {
    background-color: rgba(0, 0, 0, 0.4);
    width: 34px;
    height: 70px;
    border-top-right-radius: 34px;
    border-bottom-right-radius: 34px;
    z-index: 1;
    left: -40px
}

@media(min-width:768px) and (max-width:1024px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .slick-prev {
        left: -34px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 34px;
        border-bottom-left-radius: 34px
    }
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .slick-prev::before {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/r-left-arrow.svg');
    background-size: 10px 20px;
    display: inline-block;
    width: 9px;
    height: 20px;
    content: ""
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .slick-next {
    background-color: rgba(0, 0, 0, 0.4);
    width: 34px;
    height: 70px;
    border-top-left-radius: 34px;
    border-bottom-left-radius: 34px;
    right: -40px
}

@media(min-width:768px) and (max-width:1024px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .slick-next {
        right: -34px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 34px;
        border-bottom-right-radius: 34px
    }
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .slick-next::before {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/r-right-arrow.svg');
    background-size: 10px 20px;
    display: inline-block;
    width: 9px;
    height: 20px;
    content: ""
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .slider__counter {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    text-align: center;
    margin-top: 10px
}

@media(min-width:768px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list {
        height: 100%
    }
}

@media(min-width:1200px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list {
        width: 20%;
        height: 100%;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list::-webkit-scrollbar {
    display: none
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .thumb-img {
    background-color: yellowgreen;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    border-radius: 16px
}

@media(min-width:1200px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .thumb-img {
        height: 103px;
        width: 130px;
        margin: 0 auto;
        margin-bottom: 12px;
        border-radius: 16px
    }
}

@media(min-width:1200px) and (max-width:1330px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .thumb-img {
        width: 100%
    }
}

@media(min-width:1200px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .thumb-img.active {
        border: 4px solid black
    }
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .thumb-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .thumb-img .can-img {
    width: 26px;
    height: 80px;
    margin: auto
}

@media(max-width:1023px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .thumb-img .can-img {
        width: 63px;
        height: 195px
    }
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .thumb-img .pro-tag {
    font-size: 6px;
    font-family: "APKProtocol Bold";
    color: #fff;
    position: absolute;
    top: 90%;
    transform: rotate(-90deg);
    border: 1px solid #000;
    transform-origin: left top 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 2px;
    z-index: 1;
    width: 80px;
    text-align: center
}

@media(max-width:1200px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .thumb-img .pro-tag {
        font-size: 15px;
        top: 76%;
        width: 160px
    }
}

@media(max-width:320px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .thumb-img .pro-tag {
        top: 86%
    }
}

@media(max-width:360px) {
    .gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .thumb-img .pro-tag {
        top: 81%
    }
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .slick-list {
    height: 100%
}

.gs-zoomImg-view .row-height .zoom-img-thumbs .thumb-imgs-list .slick-list .slick-track {
    height: 100%
}

@media(min-width:768px) and (max-width:1024px) {
    .gs-zoomImg-view .modal .modal-dialog {
        max-width: 85%
    }
}

.gs-zoomImg-view .modal .modal-dialog .modal-content {
    background-color: transparent;
    border: 0
}

.gs-zoomImg-view .modal .modal-dialog .modal-content .close {
    position: absolute;
    right: -25px;
    top: -25px;
    opacity: 1
}

@media(max-width:520px) {
    .gs-zoomImg-view .modal .modal-dialog .modal-content .close {
        right: 0;
        top: -35px
    }
}

.gs-zoomImg-view .modal .modal-dialog .modal-content .close img {
    font-size: 50px;
    width: 20px
}

.gs-zoomImg-view .modal .modal-dialog .modal-content .modal-body {
    padding: 0
}

.gs-zoomImg-view .modal .modal-dialog .modal-content .modal-body .video {
    width: 100%
}

.wtb-view.container {
    max-width: 1440px !important
}

.wtb-view.cards-content-left {
    display: flex;
    flex-wrap: wrap
}

.wtb-view.cards-content-left .cards-title-desc {
    margin-top: 10px
}

@media(min-width:1300px) {
    .wtb-view.cards-content-left .cards-title-desc {
        max-width: 25%;
        padding-right: 10px
    }
}

@media(min-width:1300px) {
    .wtb-view.cards-content-left .card-grid {
        max-width: 75%
    }
}

.wtb-view .cards-title-desc {
    width: 100%;
    margin-bottom: 30px
}

.wtb-view .cards-title-desc .cards-title {
    font-family: "APKProtocol Bold";
    font-size: 37px;
    font-weight: bold;
    line-height: .89;
    letter-spacing: .5px;
    color: #000
}

.wtb-view .cards-title-desc .cards-desc {
    font-family: "APKProtocol Regular";
    font-size: 15px;
    line-height: 1.47
}

@media(min-width:768px) {
    .wtb-view .cards-title-desc {
        width: 542px
    }
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.wtb-view .card-animation .slideInUp-card {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

.wtb-view .card-grid {
    display: flex;
    flex-wrap: wrap
}

.wtb-view .card-grid .card {
    height: 230px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 16px;
    box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.33);
    border: 0;
    flex-direction: initial
}

@media(max-width:767px) {
    .wtb-view .card-grid .card {
        width: 100%
    }
}

@media(min-width:1400px) {
    .wtb-view .card-grid .card {
        width: 408px
    }
}

@media only screen and (min-width:1024px) and (max-width:1399px) {
    .wtb-view .card-grid .card {
        width: 380px
    }
}

@media(min-width:1024px) {
    .wtb-view .card-grid .card {
        height: 175px;
        margin-right: 30px;
        margin-left: 0;
        margin-bottom: 30px
    }
}

@media(min-width:1400px) {
    .wtb-view .card-grid .card {
        margin-right: 40px;
        margin-bottom: 40px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .wtb-view .card-grid .card {
        width: 310px;
        margin-right: 17px;
        margin-left: 17px;
        margin-top: 17px;
        margin-bottom: 17px
    }
}

.wtb-view .card-grid .card:last-child {
    margin-bottom: 23px
}

.wtb-view .card-grid .card .row {
    width: 100%
}

.wtb-view .card-grid .card .row .col-8 {
    height: 100%
}

.wtb-view .card-grid .card .row .img-wrap {
    display: flex
}

.wtb-view .card-grid .card .row .img-wrap.img-placeholder {
    width: 60px;
    height: 150px;
    background: #000;
    margin: auto;
    opacity: .1
}

.wtb-view .card-grid .card .row .img-wrap .card-img {
    display: none
}

.wtb-view .card-grid .card .row .img-wrap .card-img.box-img {
    display: block;
    width: 90px;
    height: 90px;
    margin: auto
}

@media(min-width:1024px) {
    .wtb-view .card-grid .card .row .img-wrap .card-img.box-img {
        width: 106px;
        height: 109px;
        position: relative;
        right: -30px
    }
}

@media(max-width:414px) {
    .wtb-view .card-grid .card .row .img-wrap .card-img.box-img {
        margin-left: 40px
    }
}

@media(max-width:360px) {
    .wtb-view .card-grid .card .row .img-wrap .card-img.box-img {
        margin-left: 35px;
        width: 80px;
        height: 80px
    }
}

.wtb-view .card-grid .card .row .img-wrap .card-img.box-img:hover {
    transform: scale(1.1);
    transition: transform .3s
}

.wtb-view .card-grid .card .row .img-wrap .card-img.can-img {
    display: block;
    width: auto;
    height: 170px;
    margin: auto auto
}

@media(min-width:1024px) {
    .wtb-view .card-grid .card .row .img-wrap .card-img.can-img {
        width: auto;
        height: 187px;
        min-width: 46px;
        max-width: 70px;
        position: relative;
        top: -25px
    }
}

.wtb-view .card-grid .card .row .img-wrap .card-img.can-img:hover {
    transform: scale(1.1);
    transition: transform .3s
}

.wtb-view .card-grid .card .card-shape {
    background-color: #beff00;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 100%
}

.wtb-view .card-grid .card .card-shape .pro-tag {
    font-family: "APKProtocol Bold";
    font-size: 13px;
    color: #fff;
    min-width: 147px;
    transform: rotate(-90deg);
    transform-origin: left top 0;
    border: 1px solid #000;
    position: absolute;
    bottom: -10px;
    left: 0;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: rgba(0, 0, 0, 0.2);
    padding-bottom: 3px;
    padding-right: 14px;
    padding-left: 14px
}

@media(max-width:1023px) {
    .wtb-view .card-grid .card .card-shape .pro-tag {
        font-size: 12px;
        bottom: 25px;
        padding-bottom: 1px
    }
}

@media(max-width:360px) {
    .wtb-view .card-grid .card .card-shape .pro-tag {
        font-size: 11px;
        bottom: 25px;
        padding-bottom: 1px
    }
}

.wtb-view .card-grid .card .card-body {
    padding: 15px;
    padding-right: 7px
}

@media(min-width:1024px) {
    .wtb-view .card-grid .card .card-body {
        padding: 23px;
        padding-right: 15px
    }
}

.wtb-view .card-grid .card .card-body .card-content {
    margin-bottom: 15px
}

.wtb-view .card-grid .card .card-body .card-content h2 {
    font-family: "APKProtocol Semibold";
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: .9;
    letter-spacing: .2px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.wtb-view .card-grid .card .card-body .card-content p {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #000;
    height: 55px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

@media(max-width:1023px) {
    .wtb-view .card-grid .card .card-body .card-content p {
        height: 90px;
        -webkit-line-clamp: 5
    }
}

.wtb-view .card-grid .card .card-body .card-links {
    display: block;
    position: absolute
}

@media(max-width:768px) {
    .wtb-view .card-grid .card .card-body .card-links {
        bottom: 15px
    }
}

@media(min-width:1024px) {
    .wtb-view .card-grid .card .card-body .card-links {
        bottom: 20px;
        width: 100%
    }
}

.wtb-view .card-grid .card .card-body .card-links .anchor-link {
    font-family: "APKProtocol Medium";
    font-size: 12px;
    color: #000;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .52px;
    text-align: center;
    text-decoration: underline;
    margin-bottom: 5px;
    text-align: left
}

@media(max-width:768px) {
    .wtb-view .card-grid .card .card-body .card-links .anchor-link {
        display: block
    }
}

.wtb-view .card-grid .card .card-body .card-links .anchor-link:hover {
    opacity: .7
}

.wtb-view .card-grid .card .card-body .card-links .btn-link {
    border: 1px solid #beff00;
    background-color: #beff00;
    border-radius: 4px;
    letter-spacing: normal;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    color: #212121;
    text-align: center;
    font-family: "APKProtocol Medium";
    cursor: pointer;
    font-size: 11px;
    letter-spacing: .2px;
    padding: 5px 8px;
    display: none !important
}

.wtb-view .card-grid .card .card-body .card-links .btn-link span,
.wtb-view .card-grid .card .card-body .card-links .btn-link small {
    display: none
}

@media(max-width:768px) {
    .wtb-view .card-grid .card .card-body .card-links .btn-link {
        margin-top: 5px
    }
}

@media(min-width:1024px) {
    .wtb-view .card-grid .card .card-body .card-links .btn-link {
        float: right;
        margin-right: 40px
    }
}

.wtb-view .card-grid .card .card-body .card-links .btn-link img {
    margin-right: 3px;
    width: 9px;
    height: auto;
    object-fit: contain;
    margin-bottom: 1px
}

.wtb-view .card-grid .card .card-body .card-links .btn-link:hover {
    background-color: #fff;
    border-color: #000;
    color: #000;
    text-decoration: none
}

.wtb-view .card-grid .card .card-body .card-links .btn-link.ps-enabled {
    display: block !important
}

.left-align .wtb-view .card-grid {
    justify-content: flex-start
}

.right-align .wtb-view .card-grid {
    justify-content: flex-end
}

.center-align .wtb-view .card-grid {
    justify-content: center
}

@media(min-width:576px) {
    .gs-list-view.carousel-yes .card-column:first-child .card {
        margin-left: 6px !important
    }
}

@media(max-width:575px) {
    .gs-list-view.global-padding-left {
        padding-left: 0 !important
    }
}

@media(max-width:575px) {
    .gs-list-view.global-padding-right {
        padding-right: 0 !important
    }
}

.big-list-items .gs-list-view.gs-list-view .card-row {
    margin-right: 0
}

@media(min-width:768px) {
    .big-list-items .gs-list-view.gs-list-view .card-row {
        margin-right: -30px
    }
}

.big-list-items .gs-list-view.gs-list-view .card-row .card-column {
    visibility: visible !important;
    width: 280px !important
}

@media(min-width:768px) {
    .big-list-items .gs-list-view.gs-list-view .card-row .card-column {
        margin-right: 50px
    }
}

@media(min-width:1024px) {
    .items-in-one-row .gs-list-view.gs-list-view .card-column:last-child {
        margin-right: 0
    }
}

.gs-list-view .top-border {
    height: 10px;
    background-color: #eee;
    margin-bottom: 21px
}

.gs-list-view .list-title-desc {
    width: 100%;
    margin-top: 10px
}

.gs-list-view .list-title-desc .list-title {
    font-family: "APKProtocol Bold";
    font-size: 37px;
    font-weight: bold;
    line-height: .89;
    letter-spacing: .5px;
    color: #000
}

.gs-list-view .list-title-desc .list-title h1 {
    font-family: "APKProtocol Bold";
    font-size: 37px;
    font-weight: bold;
    line-height: .89;
    letter-spacing: .5px;
    color: #000
}

.gs-list-view .list-title-desc .list-desc {
    font-family: "APKProtocol Regular";
    font-size: 15px;
    line-height: 1.47
}

.gs-list-view .list-title-desc .list-desc p {
    font-family: "APKProtocol Regular";
    font-size: 15px;
    line-height: 1.47
}

@media(min-width:768px) {
    .gs-list-view .list-title-desc {
        max-width: 542px;
        margin-bottom: 42px
    }
}

.gs-list-view .card-carousel {
    position: relative;
    margin-left: -10px;
    margin-right: -10px
}

@media(min-width:768px) {
    .gs-list-view .card-carousel .card-row .slick-list {
        width: 575px
    }
}

@media(min-width:1200px) {
    .gs-list-view .card-carousel .card-row .slick-list {
        width: 1155px
    }
}

.gs-list-view .card-carousel .card-row .slick-slide .card-column {
    visibility: visible !important;
    margin-left: 0
}

@media(min-width:768px) {
    .gs-list-view .card-carousel .card-row .slick-slide {
        margin-left: 0;
        margin-right: 0
    }
}

.gs-list-view .card-carousel .card-row .slick-prev {
    top: -140px;
    right: 60px;
    left: unset
}

.gs-list-view .card-carousel .card-row .slick-prev:before {
    content: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/arrow-left-black.svg")
}

.gs-list-view .card-carousel .card-row .slick-next {
    top: -140px;
    right: 0
}

.gs-list-view .card-carousel .card-row .slick-next:before {
    content: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/arrow-right-black.svg")
}

.gs-list-view .card-carousel .card-row .card-column {
    visibility: visible !important;
    width: 250px !important;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:768px) {
    .gs-list-view .card-carousel .card-row .card-column {
        margin-left: 10px;
        margin-right: 30px
    }
}

@media(max-width:575px) {
    .gs-list-view .card-carousel .card-row .card-column {
        width: 280px !important
    }
}

@media(min-width:768px) {
    .gs-list-view .card-carousel .card-row .card-column:first-of-type {
        margin-left: 10px
    }
}

@media(max-width:767px) {
    .gs-list-view .card-carousel .card-row .card-column {
        margin-top: 40px
    }
}

.gs-list-view .card-carousel .card-row .card-column .card {
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 16px;
    box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.33);
    border-width: 0
}

.gs-list-view .card-carousel .card-row .card-column .card .img-wrapper {
    width: 100%;
    overflow: hidden;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px
}

.gs-list-view .card-carousel .card-row .card-column .card .img-wrapper .pro-tag {
    font-family: "APKProtocol Bold";
    font-size: 13px;
    color: #fff;
    height: 22px;
    width: 150px;
    float: left;
    transform: scale(-1) rotate(90deg);
    transform-origin: left top 0;
    border: 1px solid #000;
    position: absolute;
    top: 175px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: rgba(0, 0, 0, 0.2)
}

@media(max-width:520px) {
    .gs-list-view .card-carousel .card-row .card-column .card .img-wrapper .pro-tag {
        bottom: 30%
    }
}

.gs-list-view .card-carousel .card-row .card-column .card .card-img-top {
    height: 190px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    transform: scale(1);
    transition: transform .5s;
    object-fit: cover
}

.gs-list-view .card-carousel .card-row .card-column .card .card-img-top:hover {
    transform: scale(1.1);
    transition: transform .5s
}

.gs-list-view .card-carousel .card-row .card-column .card .card-body {
    padding: 13px
}

.gs-list-view .card-carousel .card-row .card-column .card .card-body .card-text {
    font-family: "APKProtocol Bold";
    font-size: 16px;
    line-height: 1.13;
    color: #000;
    font-weight: normal;
    cursor: pointer
}

.gs-list-view .card-carousel .card-row .card-column .card .card-body .card-text:hover {
    opacity: .65
}

.gs-list-view.carousel-no .card-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.gs-list-view.carousel-no .card-row .card-column {
    display: flex
}

.gs-list-view.carousel-no.list-content-left {
    display: flex;
    flex-wrap: wrap
}

@media(min-width:1024px) {
    .gs-list-view.carousel-no.list-content-left .list-title-desc {
        width: 320px;
        margin-right: 20px
    }
}

.gs-list-view.carousel-no .card-column {
    margin-bottom: 20px
}

@keyframes fadeInUp-list {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.gs-list-view.list-card-animation .fadeInUp-list {
    -webkit-animation-name: fadeInUp-list;
    animation-name: fadeInUp-list
}

.gs-list-view .delay-0 {
    animation-duration: .3s
}

.gs-list-view .delay-1 {
    animation-duration: .5s
}

.gs-list-view .delay-2 {
    animation-duration: .7s
}

.gs-list-view .delay-3 {
    animation-duration: 1s
}

.gs-list-view .delay-4 {
    animation-duration: 1.2s
}

.gs-list-view .delay-5 {
    animation-duration: 1.4s
}

.gs-list-view .delay-6 {
    animation-duration: 1.4s
}

@media(min-width:1024px) {
    .left-align .gs-list-view.carousel-no .cards-alignment {
        justify-content: flex-start
    }
}

@media(min-width:1024px) {
    .right-align .gs-list-view.carousel-no .cards-alignment {
        justify-content: flex-end
    }
}

@media(min-width:1024px) {
    .center-align .gs-list-view.carousel-no .cards-alignment {
        justify-content: center
    }
}

.electronics-list.featured-news {
    overflow: hidden
}

.electronics-list.featured-news .card-row {
    padding: 0 80px
}

@media(max-width:768px) {
    .electronics-list.featured-news .card-row {
        padding: 0 0 0 25px
    }
}

.electronics-list.featured-news .card-row .card-column .card {
    border-radius: 6px !important
}

.electronics-list.featured-news .card-row .card-column .card .img-wrapper {
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important
}

.electronics-list.featured-news .card-row .card-column .card .img-wrapper img {
    border-radius: unset !important
}

.electronics-list.featured-news .card-row .card-column .card .card-body {
    text-align: left
}

.electronics-list.featured-news .card-row .card-column .card .card-body a {
    font-family: 'APKProtocol Semibold' !important;
    font-size: 18px !important
}

@media(max-width:768px) {
    .electronics-list.featured-news .card-row .card-column {
        margin-left: 10px;
        margin-right: 10px
    }

    .electronics-list.featured-news .card-row .card-column:first-child {
        padding-left: 10px;
        box-sizing: content-box
    }
}

@media(max-width:576px) {
    .electronics-list.featured-news .card-row .card-column {
        width: 200px !important
    }

    .electronics-list.featured-news .card-row .card-column img {
        height: 135px !important
    }
}

.electronics-list.featured-news .card-row .slick-dots {
    bottom: unset !important;
    position: unset
}

.electronics-list.featured-news .card-row .slick-dots li {
    width: unset;
    height: unset
}

.electronics-list.featured-news .card-row .slick-dots button {
    width: 50px;
    height: 7px;
    padding: 0
}

.electronics-list.featured-news .card-row .slick-dots button:before {
    content: "";
    background: #40a9ff;
    width: 50px;
    height: 7px;
    padding: 0
}

.electronics-list.featured-news .card-row .slick-dots li.slick-active button:before {
    opacity: 1
}

.electronics-list.featured-news .card-row .slick-list {
    width: unset !important;
    z-index: 1
}

.electronics-list.featured-news .card-row .slick-prev {
    top: 50% !important;
    right: unset !important;
    left: 0 !important;
    height: 80px;
    display: block;
    background: #beff00;
    width: 90px
}

.electronics-list.featured-news .card-row .slick-prev:before {
    content: "" !important;
    background: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/left-arrow-wihte.svg");
    width: 60px;
    height: 70px;
    display: block;
    background-size: 100% 100%;
    right: 0;
    margin-left: 12px;
    background-repeat: no-repeat
}

.electronics-list.featured-news .card-row .slick-next {
    top: 50% !important;
    right: 0 !important;
    height: 80px;
    display: block;
    background: #beff00;
    width: 90px
}

.electronics-list.featured-news .card-row .slick-next:before {
    content: "" !important;
    background: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/right-arrow-white.svg");
    width: 60px;
    height: 70px;
    display: block;
    background-size: 100% 100%;
    right: 0;
    margin-left: 12px;
    background-repeat: no-repeat
}

.gs-video-view .video-animation .fadeInup-video {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-duration: 1.5s
}

.gs-video-view .video-wrapper {
    float: left
}

@media(min-width:768px) and (max-width:1023px) {
    .gs-video-view .video-wrapper {
        float: none;
        max-width: 90%;
        margin: 0 auto
    }
}

.gs-video-view .video-wrapper video {
    display: none
}

.gs-video-view .video-wrapper .play-icon-wrap {
    position: relative;
    margin-bottom: 20px
}

.gs-video-view .video-wrapper .poster-img {
    width: 100%
}

.gs-video-view .video-wrapper .playpause {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/video-play@2x.png');
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    background-size: contain;
    position: absolute;
    left: 50%;
    margin-left: -45px;
    top: 50%;
    margin-top: -45px;
    transition: all .2s ease-in-out
}

.gs-video-view .video-wrapper .playpause:hover {
    transform: scale(1.1);
    cursor: pointer
}

@media(min-width:768px) and (max-width:1024px) {
    .gs-video-view .modal .modal-dialog {
        max-width: 85%
    }
}

.gs-video-view .modal .modal-dialog .modal-content {
    background-color: transparent;
    border: 0
}

.gs-video-view .modal .modal-dialog .modal-content .close {
    position: absolute;
    right: -25px;
    top: -25px;
    opacity: 1
}

@media(max-width:520px) {
    .gs-video-view .modal .modal-dialog .modal-content .close {
        right: 0;
        top: -35px
    }
}

.gs-video-view .modal .modal-dialog .modal-content .close img {
    font-size: 50px;
    width: 20px
}

.gs-video-view .modal .modal-dialog .modal-content .modal-body {
    padding: 0
}

.gs-video-view .modal .modal-dialog .modal-content .modal-body .video {
    width: 100%
}

.gs-video-view .modal .modal-dialog .modal-content .modal-body .iframe-video {
    height: 200px
}

@media(min-width:411px) {
    .gs-video-view .modal .modal-dialog .modal-content .modal-body .iframe-video {
        height: 250px
    }
}

@media(min-width:768px) {
    .gs-video-view .modal .modal-dialog .modal-content .modal-body .iframe-video {
        height: 400px
    }
}

@media(min-width:1024px) {
    .gs-video-view .modal .modal-dialog .modal-content .modal-body .iframe-video {
        height: 550px
    }
}

@media(min-width:1200px) {
    .gs-video-view .modal .modal-dialog .modal-content .modal-body .iframe-video {
        height: 650px
    }
}

@media(min-width:1200px) {
    .electronics-videogallery.align-right {
        float: right !important
    }
}

.cmp-faq-preview .rfp-wrapper {
    position: relative;
    min-height: 300px
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list {
    position: relative;
    padding: 0
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list img,
.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list video {
    max-width: 100%
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list:first-child {
    margin-top: 25px
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head {
    background-color: #eee;
    border-bottom: 2px solid #CCC;
    font-family: "APKProtocol Regular";
    font-size: 18px;
    padding: 15px 30px 15px 30px;
    line-height: 1.34;
    cursor: pointer;
    display: flex
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .q-icon {
    font-size: 22px;
    color: #beff00;
    position: relative;
    left: -15px;
    display: block;
    border: 1px solid #ccc;
    background: white;
    padding: 3px 10px;
    border-radius: 5px;
    max-height: 37px
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .q-text {
    width: calc(100% - 50px);
    position: relative;
    padding-top: 8px;
    display: block;
    overflow-x: hidden
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .q-text .text-search {
    background-color: #beff00
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .q-text .text-search .text-search {
    background-color: rgba(255, 255, 255, 0)
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .q-text a,
.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .q-text p,
.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .q-text span,
.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .q-text div,
.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .q-text li {
    font-family: "APKProtocol Regular";
    font-size: 18px
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .q-text a {
    text-decoration: underline
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .q-text ol,
.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .q-text ul {
    margin: auto;
    padding-left: 40px
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .acc-icon {
    width: 18px;
    height: 18px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/plus.svg');
    position: relative;
    right: -15px;
    float: right;
    top: 10px
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-head .hor-unlock-icon {
    margin-right: -10px;
    margin-top: 10px
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-content {
    font-family: "APKProtocol Regular";
    padding: 20px 30px 20px 30px;
    line-height: 1.47;
    display: none
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-content .a-icon {
    font-size: 22px;
    color: #000;
    position: relative;
    left: -15px;
    display: block;
    border: 1px solid #ccc;
    padding: 1px 10px;
    border-radius: 5px;
    max-height: 37px
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-content .a-text {
    width: 100%;
    position: relative
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-content .a-text .text-search {
    background-color: #beff00
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-content .a-text .text-search .text-search {
    background-color: rgba(255, 255, 255, 0)
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-content .a-text .a-head {
    font-size: 18px;
    color: #beff00;
    margin-bottom: 5px;
    display: block
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-content .a-text .a-content {
    font-size: 16px;
    display: block;
    overflow-x: auto
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-content .a-text .a-content a {
    text-decoration: underline
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-content .a-text .a-content ol,
.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap .acc-content .a-text .a-content ul {
    margin: auto;
    padding-left: 40px
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap.expanded .acc-icon {
    width: 18px;
    height: 2px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/minus.svg');
    position: relative;
    right: -15px;
    float: right;
    top: 20px
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap.expanded .acc-content {
    display: flex
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap.isLink .acc-icon {
    width: 25px;
    height: 25px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/link-connect-icon.png');
    position: relative;
    right: -15px;
    float: right;
    top: 8px;
    background-size: 100% 100%
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap.isLink .acc-content {
    display: none !important
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .faq-wrap p {
    margin: 0
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .faq-list .hor-lock-screen {
    height: calc(100% - 2px);
    top: 0
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .hor-lock-screen {
    width: 100% !important;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    height: calc(100% - 10px);
    top: 10px;
    cursor: pointer
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .hor-lock-screen .hor-lock-icon {
    width: 35px;
    height: 35px;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/lock-blackborder-whitebg-icon.svg');
    background-size: 100% 100%
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .hor-lock-screen .hor-sign-in-link {
    color: #fff;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
    text-shadow: black 1px 1px 5px;
    background: grey;
    padding: 2px 10px;
    border-radius: 5px
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .hor-lock-screen .hor-sign-in-link:hover {
    text-decoration: underline
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .unlock-icon {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/unlock-blackborder-whitebg-icon.svg');
    background-size: 100% 100%;
    position: relative;
    width: 25px;
    height: 25px;
    top: -195px;
    right: 5px;
    float: right
}

.cmp-faq-preview .rfp-wrapper .results-wrapper .hor-unlock-icon {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/unlock-blackborder-whitebg-icon.svg');
    background-size: 100% 100%;
    width: 20px !important;
    height: 20px;
    margin-right: 5px;
    float: right;
    margin-top: 6px
}

.cmp-faq-preview .rfp-wrapper .rc-btn {
    text-align: center;
    display: block;
    margin-top: 20px
}

.cmp-faq-preview .rfp-wrapper #loader-screen-fp {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 101;
    justify-content: center;
    align-items: center
}

.cmp-faq-preview .rfp-wrapper #loader-screen-fp.show {
    display: flex
}

.cmp-faq-preview .rfp-wrapper #loader-screen-fp .rc-loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #beff00;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    animation: rc-spin 1s linear infinite;
    -webkit-animation: rc-spin 1s linear infinite
}

@keyframes rc-spin {
    1% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rc-spin {
    1% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

.cmp-faq-preview .model-bg {
    position: fixed;
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 101
}

.cmp-faq-preview .model-bg .model-close-btn {
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #fff;
    font-size: xx-large;
    position: absolute;
    right: 20px;
    top: 20px
}

.cmp-faq-preview #signin-model #sigin-container {
    position: relative;
    max-width: 80%;
    width: 500px;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #eee;
    font-family: "APKProtocol Regular"
}

.cmp-faq-preview #signin-model #sigin-container .heading-text {
    background: #eee;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    border-radius: 10px 10px 0 0
}

.cmp-faq-preview #signin-model #sigin-container .heading-text span {
    display: block
}

.cmp-faq-preview #signin-model #sigin-container .btns-container {
    margin: 60px 0;
    display: flex;
    justify-content: center
}

.cmp-faq-preview #signin-model #sigin-container .btns-container .sign-in {
    padding: 12px 30px;
    border-radius: 25px;
    margin: 0 10px;
    color: #fff;
    background: #beff00;
    border: 1px solid #beff00;
    text-align: center
}

.cmp-faq-preview #signin-model #sigin-container .btns-container .sign-in:hover {
    color: #000;
    background: #fff
}

.cmp-faq-preview #signin-model #sigin-container .btns-container .sign-up {
    padding: 12px 30px;
    border-radius: 25px;
    margin: 0 10px;
    color: #000;
    background: #fff;
    border: 1px solid #beff00;
    text-align: center
}

.cmp-faq-preview #signin-model #sigin-container .btns-container .sign-up:hover {
    color: #fff;
    background: #beff00
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-faq-preview #signin-model #sigin-container .btns-container .sign-up {
        margin-top: 15px
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-faq-preview #signin-model #sigin-container .btns-container {
        flex-direction: column;
        width: 80%;
        margin-left: 10%
    }
}

html {
    scroll-behavior: smooth
}

.top-scroll-defaultview .container {
    position: relative
}

.top-scroll-defaultview .scroll-top {
    width: 46px;
    height: 46px;
    z-index: 1;
    float: right;
    background: #212121;
    text-align: center;
    border-radius: 4px
}

@media screen and (min-width:320px) and (max-width:767px) {
    .top-scroll-defaultview .scroll-top {
        background: #212121;
        width: 39px;
        height: 39px;
        bottom: auto;
        overflow: visible;
        z-index: 1;
        margin: 0;
        position: absolute;
        right: 33px;
        top: -20px
    }
}

@media screen and (max-width:767px) {
    .top-scroll-defaultview .scroll-top {
        display: block
    }
}

.top-scroll-defaultview .scroll-top.fixed-scroll {
    width: 50px !important;
    height: 50px;
    display: inline-block;
    position: fixed;
    top: 500px;
    right: 30px;
    z-index: 99;
    border: solid 1px #fff
}

.top-scroll-defaultview .scroll-top a {
    display: inline-block;
    height: 45px;
    color: #fff;
    font-size: 13px;
    font-family: "APKProtocol Regular";
    padding-top: 6px
}

@media screen and (min-width:320px) and (max-width:767px) {
    .top-scroll-defaultview .scroll-top a {
        font-size: 0
    }
}

.top-scroll-defaultview .scroll-top img {
    display: block;
    width: 14px;
    height: 11px;
    margin: 3px auto
}

@media screen and (min-width:320px) and (max-width:767px) {
    .top-scroll-defaultview .scroll-top img {
        width: 28px;
        margin-top: 5px
    }
}

.top-scroll-defaultview .scroll-top p {
    color: #fff;
    font-size: 13px;
    margin: 0
}

.top-scroll-defaultview .scroll-btn i {
    display: block;
    padding-top: 5px
}

.top-scroll-defaultview .rightalign .scroll-top {
    float: right;
    margin-bottom: 20px
}

.bgVideo-view .bgVideo-header .video-bgVideo {
    max-width: 100% !important
}

.bgVideo-view .bgVideo-header {
    height: auto !important;
    position: relative;
    overflow: hidden
}

.bgVideo-view .bgVideo-header .component-header-bgVideo {
    overflow: hidden
}

.bgVideo-view .bgVideo-header img {
    width: 100%
}

.bgVideo-view .bgVideo-header .video-bgVideo {
    position: relative;
    width: 100%;
    height: calc(100vh - 88px);
    object-fit: cover;
    left: 0;
    top: 0
}

@media screen and (max-aspect-ratio:5/4) {
    .bgVideo-view .bgVideo-header .video-bgVideo {
        height: 100%
    }
}

.bgVideo-view .bgVideo-header .bgVideo-title {
    position: absolute;
    top: 50%;
    left: 0;
    justify-content: left;
    width: 100%;
    transform: translateY(-50%);
    z-index: 1
}

.bgVideo-view .bgVideo-header .bgVideo-title .title-text {
    font-family: "APKProtocol Semibold";
    font-size: 42px;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

@media(max-width:767px) {
    .bgVideo-view .bgVideo-header .bgVideo-title .title-text {
        font-size: 36px
    }
}

.bgVideo-view .bgVideo-header .bgVideo-title .title-text h1,
.bgVideo-view .bgVideo-header .bgVideo-title .title-text p {
    font-family: "APKProtocol Semibold";
    font-size: 42px;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

@media(max-width:767px) {

    .bgVideo-view .bgVideo-header .bgVideo-title .title-text h1,
    .bgVideo-view .bgVideo-header .bgVideo-title .title-text p {
        font-size: 36px
    }
}

.bgVideo-view .bgVideo-header .title-desc-wrap {
    width: 100%
}

.bgVideo-view .bgVideo-header .title-container-bgVideo {
    font-family: "APKProtocol Semibold";
    font-size: 52px;
    text-align: center
}

.bgVideo-view .bgVideo-header .title-container-bgVideo span {
    display: block
}

.bgVideo-view .bgVideo-header .title-container-bgVideo span.subheader {
    font-family: "APKProtocol Medium";
    font-size: 16px;
    padding: 20px 0 0
}

@media only screen and (min-width:1024px) {
    .bgVideo-view .bgVideo-header .title-container-bgVideo span.subheader {
        font-size: 22px
    }
}

.bgVideo-view .bgVideo-header .title-container-bgVideo {
    font-family: "APKProtocol Semibold";
    text-align: left
}

.bgVideo-view .bgVideo-header .bgVideo-cta,
.bgVideo-view .bgVideo-header .bgVideo-ct,
.bgVideo-view .bgVideo-header .bgVideo-cta,
.bgVideo-view .bgVideo-header .bgVideo-ct {
    border: 1px solid white;
    border-radius: 25px;
    padding: 10px 40px
}

.bgVideo-view .bgVideo-header .bgVideo-cta:hover,
.bgVideo-view .bgVideo-header .bgVideo-ct:hover,
.bgVideo-view .bgVideo-header .bgVideo-ct:hover,
.bgVideo-view .bgVideo-header .bgVideo-cta:hover {
    border: 1px solid #beff00
}

.bgVideo-view .bgVideo-header .component-header-campain {
    padding: 0 !important;
    position: relative
}

.bgVideo-view .bgVideo-header .title-container-bgVideo {
    font-family: "APKProtocol Semibold";
    font-size: 52px;
    color: #fff;
    text-align: left;
    line-height: 3.8vw;
    width: 35%
}

.bgVideo-view .bgVideo-header .button-bgVideo {
    font-size: 16px
}

.bgVideo-view .bgVideo-header .button-bgVideo a {
    font-family: "APKProtocol Medium";
    margin: 0;
    font-size: 16px;
    letter-spacing: 1px;
    color: white
}

.bgVideo-view .bgVideo-header .iframe {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    border: 0;
    width: 100%
}

.bgVideo-view .bgVideo-header .iframe-visible {
    display: block
}

.bgVideo-view .bgVideo-header .iframe-hidden {
    display: none
}

.bgVideo-view .bgVideo-header .button-close {
    position: fixed;
    top: 4%;
    right: 8%;
    width: 50px;
    background: #fff;
    z-index: 1000;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
    border: 1px solid #000
}

.bgVideo-view .bgVideo-header .button-close:hover {
    color: #beff00
}

.bgVideo-view .bgVideo-header .sub-text {
    font-size: 12px !important;
    margin-top: 20px;
    color: #fff
}

.bgVideo-view .bgVideo-header .bgVideo-cta:hover {
    text-decoration: none;
    color: #beff00 !important;
    cursor: pointer
}

.bgVideo-view .bgVideo-header .src-desktop {
    display: block
}

.bgVideo-view .bgVideo-header .src-mobile {
    display: none
}

.bgVideo-view .bgVideo-header .explanation {
    width: 70%
}

@media screen and (min-width:1024px) {
    .bgVideo-view .bgVideo-header .title-container-bgVideo {
        padding: 0 94px;
        width: 100%
    }

    .bgVideo-view .bgVideo-header .title-container-bgVideo .title-text p {
        margin: 0
    }
}

@media screen and (max-width:1023px) {
    .bgVideo-view .bgVideo-header .title-container-bgVideo {
        padding: 0 33px !important
    }
}

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

    .bgVideo-view .bgVideo-header .title-container-bgVideo,
    .bgVideo-view .bgVideo-header .title-container-bgVideo {
        font-size: 2.75em;
        width: 280px
    }

    .bgVideo-view .bgVideo-header .component-header-v2 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .bgVideo-view .bgVideo-header .title-container-bgVideo {
        font-size: 52px;
        line-height: 1;
        width: 70vw
    }

    .bgVideo-view .bgVideo-header .button-bgVideo a {
        font-size: 16px
    }

    .bgVideo-view .bgVideo-header .src-mobile {
        display: block
    }

    .bgVideo-view .bgVideo-header .src-desktop {
        display: none
    }

    .bgVideo-view .bgVideo-header .row {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
}

@media screen and (min-width:780px) and (max-width:1025px) {
    .bgVideo-view .title-container-bgVideo {
        margin-top: 3em !important;
        font-size: 40px !important
    }
}

@media screen and (max-width:1300px) and (min-width:1028px) {
    .bgVideo-view .title-container-bgVideo {
        margin-top: 3em !important;
        font-size: 40px !important
    }
}

@media screen and (min-width:300px) and (max-width:375) {
    .bgVideo-view .title-container-bgVideo {
        font-size: 30px !important
    }

    .bgVideo-view video.video-bgVideo.src-mobile {
        height: 100vh
    }
}

@media(min-width:455px) and (max-width:763px) {
    .bgVideo-view .title-container-bgVideo {
        font-size: 30px !important
    }

    .bgVideo-view video.video-bgVideo.src-mobile {
        height: 100vh
    }
}

@media(min-width:200px) and (max-width:370px) {
    .bgVideo-view .title-container-bgVideo {
        font-size: 20px !important;
        margin-top: 1em !important
    }

    .bgVideo-view video.video-bgVideo.src-mobile {
        height: 100vh
    }
}

@media(device-width:375px) {
    .bgVideo-view .title-container-bgVideo {
        margin-top: 1em !important
    }
}

@supports(-ms-ime-align:auto) {
    .video-bgVideo {
        margin-bottom: -12em;
        height: 116vh !important
    }
}

@supports(-ms-ime-align:auto) {
    .bgVideo-header .video-bgVideo {
        margin-bottom: -20em;
        height: 154vh !important
    }
}

@supports(-ms-ime-align:auto) {
    @media screen and (min-width:300px) and (max-width:375) {
        .title-container-bgVideo {
            font-size: 30px !important
        }

        video.video-bgVideo.src-mobile {
            height: 100vh
        }
    }

    @media(min-width:455px) and (max-width:763px) {
        .title-container-bgVideo {
            font-size: 20px !important
        }

        video.video-bgVideo.src-mobile {
            height: 100vh
        }
    }

    @media(min-width:800px) and (max-width:1343px) {
        .title-container-bgVideo {
            font-size: 30px !important;
            margin-top: 2em !important
        }
    }

    @media(min-width:1366px) and (max-width:1400px) {
        video.video-bgVideo.src-mobile {
            height: 100vh
        }
    }

    @media(min-width:200px) and (max-width:370px) {
        .title-container-bgVideo {
            font-size: 20px !important;
            margin-top: 1em !important
        }

        video.video-bgVideo.src-mobile {
            height: 100vh
        }
    }

    @media(device-width:375px) {
        .title-container-bgVideo {
            margin-top: 1em !important
        }
    }
}

@media(min-width:1440px) {
    .bgVideo-view .bgVideo-header .video-bgVideo {
        max-width: 100% !important
    }
}

.bgVideo-view .bgVideo-header .bgVideo-title {
    height: 100%;
    display: flex;
    margin-right: 0;
    margin-left: 0
}

.bgVideo-view .bgVideo-header .button-bgVideo {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px
}

@media(max-width:767px) {
    .bgVideo-view .bgVideo-header .button-bgVideo {
        padding-top: 25px
    }
}

.bgVideo-view .bgVideo-header .title-container-bgVideo {
    width: 100% !important;
    position: relative;
    margin-bottom: 0
}

@media screen and (min-width:577px) {
    .bgVideo-view .bgVideo-header .title-container-bgVideo {
        padding-top: 45px !important;
        padding-bottom: 100px !important
    }
}

@media(max-width:767px) {
    .bgVideo-view .bgVideo-header .title-container-bgVideo {
        padding-left: 33px !important;
        padding-right: 33px !important;
        padding-bottom: 45px !important;
        padding-bottom: 45px;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.bgVideo-view .bgVideo-header .title-container-bgVideo .subheader {
    display: none;
    font-family: "APKProtocol regular";
    display: block;
    font-size: 11px
}

@media screen and (max-aspect-ratio:5/4) {
    .bgVideo-view .bgVideo-header .video-bgVideo {
        height: 550px !important
    }
}

.bgVideo-view .bgVideo-header img.src-mobile {
    width: initial !important;
    height: 550px !important
}

#wsFullVideo .modal-body {
    max-height: 96vh
}

#wsFullVideo .modal-content {
    background-color: transparent;
    border: 0
}

@media screen and (min-width:320px) {
    #wsFullVideo .modal-body {
        max-height: 30vh
    }
}

@media screen and (min-width:375px) and (min-height:812px) {
    #wsFullVideo .modal-body {
        max-height: 25vh
    }
}

@media screen and (min-width:411px) and (min-height:823px) {
    #wsFullVideo .modal-body {
        max-height: 27vh
    }
}

@media only screen and (min-width:600px) {
    #wsFullVideo .modal-body {
        max-height: 25vh
    }
}

@media only screen and (min-width:768px) {
    #wsFullVideo .modal-body {
        max-height: 34vh
    }
}

@media only screen and (min-width:1366px) {
    #wsFullVideo .modal-body {
        max-height: 96vh
    }
}

@media screen and (min-width:1440px) and (min-height:789px) {
    #wsFullVideo .modal-dialog {
        max-width: 75%
    }
}

.electronics-bgvideo.content_Top .bgVideo-header .bgVideo-title {
    align-items: flex-start
}

.electronics-bgvideo.content_Middle .bgVideo-header .bgVideo-title {
    align-items: center
}

.electronics-bgvideo.content_Bottom .bgVideo-header .bgVideo-title {
    align-items: flex-end
}

.electronics-bgvideo.content_Left .bgVideo-header .bgVideo-title .title-container-bgVideo {
    text-align: left
}

.electronics-bgvideo.content_Center .bgVideo-header .bgVideo-title .title-container-bgVideo {
    text-align: center
}

.electronics-bgvideo.content_Right .bgVideo-header .bgVideo-title .title-container-bgVideo {
    text-align: right
}

.electronics-bgvideo.content_SubHeader .subheader {
    display: block
}

.electronics-bgvideo.content_CTA .button-bgVideo {
    display: block
}

.electronics-bgvideo.subHeader_Left .subheader {
    text-align: left
}

@media(min-width:768px) {
    .electronics-bgvideo.subHeader_Right .subheader {
        text-align: right;
        position: absolute;
        right: 94px;
        bottom: 45px
    }
}

.electronics-bgvideo.content_bottomGradient.content_Bottom .title-desc-wrap {
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0))
}

.electronics-bgvideo.content_underLine .title-container-bgVideo .title-text:after {
    content: "";
    display: block;
    width: 80%;
    border-bottom: 2px solid white
}

@media(max-width:767px) {
    .electronics-bgvideo.content_underLine .title-container-bgVideo .title-text:after {
        width: 100%
    }
}

.electronics-bgvideo.content_underLine.content_Center .title-container-bgVideo .title-text:after {
    margin: 0 auto
}

.electronics-bgvideo.content_underLine.content_Right .title-container-bgVideo .title-text:after {
    float: right
}

.electronics-bgvideo.content_underLine.content_Left .title-container-bgVideo .title-text:after {
    float: left
}

.electronics-bgvideo.content_Mask .bgVideo-header:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #000, #000);
    opacity: .3;
    height: 100%;
    z-index: 1
}

.bgVideo-header-modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: black;
    z-index: 9999999;
    top: 0;
    left: 0
}

.bgVideo-header-modal .button-close {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 50px;
    background: #fff;
    z-index: 1000;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
    border: 1px solid #000
}

.bgVideo-header-modal .button-close:hover {
    color: #beff00
}

.bgVideo-header-modal .plyr--video {
    height: 100vh;
    width: 100vw
}

.bgVideo-header-modal .plyr--video .plyr__video-wrapper {
    height: 100vh;
    width: 100vw
}

.bgVideo-header-modal .plyr--video .plyr__video-wrapper video {
    height: 100vh;
    width: 100vw
}

.bgVideo-header-modal .plyr__control--overlaid {
    background: rgba(255, 255, 255, 0.8);
    color: #beff00
}

.bgVideo-header-modal .plyr__control:first-child {
    background-color: transparent
}

.bgVideo-header-modal .plyr__control:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 50%
}

.bgVideo-header-modal .plyr__control.plyr__tab-focus {
    box-shadow: none;
    outline: 0
}

@supports(-ms-ime-align:auto) {

    .plyr__volume,
    .plyr__progress {
        width: 0
    }

    .plyr__volume input[type=range] {
        width: 60%
    }
}

.bgVideo-header-modal .plyr__progress input[type=range]::-webkit-slider-thumb {
    background: #beff00
}

.bgVideo-header-modal .plyr__volume input[type=range]::-webkit-slider-thumb {
    background: #beff00
}

.bgVideo-header-modal .plyr__tab-focus {
    box-shadow: none;
    color: transparent;
    outline: 0
}

.bgVideo-header-modal .plyr--full-ui input[type=range] {
    color: #beff00
}

.bgVideo-header-modal .plyr__controls .plyr__time--current {
    position: absolute;
    left: 47px;
    bottom: 37px;
    font-size: 9px
}

@media only screen and (min-width:768px) {
    .bgVideo-header-modal .plyr__controls .plyr__time--current {
        left: 55px;
        font-size: 10px
    }
}

@media only screen and (min-width:1024px) {
    .bgVideo-header-modal .plyr__controls .plyr__time--current {
        left: 55px;
        font-size: 11px
    }
}

.bgVideo-header-modal .plyr__controls .plyr__time--duration {
    position: absolute;
    left: 78px;
    bottom: 37px;
    display: initial;
    font-size: 9px
}

@media only screen and (min-width:768px) {
    .bgVideo-header-modal .plyr__controls .plyr__time--duration {
        left: 87px;
        font-size: 10px
    }
}

@media only screen and (min-width:1024px) {
    .bgVideo-header-modal .plyr__controls .plyr__time--duration {
        left: 96px;
        font-size: 11px
    }
}

.bgVideo-header-modal.modal-video.video {
    display: flex;
    justify-content: center
}

.bgVideo-header-modal.modal-video.video #bgVideoHeaderModalVideo {
    width: 80%
}

.product-size-image-col {
    display: flex;
    flex-wrap: wrap;
    height: auto
}

@media only screen and (max-width:767px) {
    .product-size-image-col {
        display: flex;
        flex-direction: column-reverse
    }
}

@media only screen and (min-width:768px) and (max-width:1200px) {
    .product-size-image-col {
        padding: 0 33px
    }
}

.product-size-image-col .product-size-image {
    width: 300px;
    height: 400px
}

@media only screen and (max-width:767px) {
    .product-size-image-col .product-size-image {
        width: 100%;
        height: auto
    }
}

@media only screen and (min-width:768px) and (max-width:819px) {
    .product-size-image-col .product-size-image {
        width: 40%
    }
}

.product-size-image-col .product-size-image .slideshow-container {
    height: 100%
}

.product-size-image-col .product-size-image .slideshow-container .pdmySlides {
    height: 100%
}

.product-size-image-col .product-size-image .slideshow-container .pdmySlides img {
    height: 100%
}

@media only screen and (max-width:480px) {
    .product-size-image-col .product-size-image .slideshow-container .pdmySlides img {
        height: 450px !important
    }
}

.product-size-image-col .product-size-image .slideshow-container .pdmySlides .text {
    color: #000;
    font-size: 16px;
    padding: 8px 12px;
    width: 100%;
    text-align: center;
    font-family: "APKProtocol Regular"
}

@media only screen and (min-width:767px) {
    .product-size-image-col .product-size-image .slideshow-container .pdmySlides .text {
        display: none
    }
}

.product-size-image-col .product-size-image .slideshow-container .mobile-dist-btns {
    margin-top: 30px;
    text-align: center
}

.product-size-image-col .product-size-image .slideshow-container .mobile-dist-btns a {
    text-decoration: none;
    border: solid 1px #333;
    color: #333;
    width: 200px;
    text-align: center;
    height: 48px;
    margin-bottom: 30px;
    border-radius: 30px;
    line-height: 44px;
    display: inline-block
}

.product-size-image-col .product-size-image .slideshow-container .mobile-dist-btns a:hover {
    background: #00b2a9;
    border: solid 1px #fff;
    color: #fff !important
}

@media only screen and (max-width:767px) {
    .product-size-image-col .product-size-image .slideshow-container .mobile-dist-btns {
        display: block
    }
}

@media only screen and (min-width:768px) {
    .product-size-image-col .product-size-image .slideshow-container .mobile-dist-btns {
        display: none
    }
}

.product-size-image-col .product-size-image .slideshow-container .prevnxt-controls {
    position: relative
}

@media only screen and (max-width:767px) {
    .product-size-image-col .product-size-image .slideshow-container .prevnxt-controls {
        display: block
    }
}

@media only screen and (min-width:768px) {
    .product-size-image-col .product-size-image .slideshow-container .prevnxt-controls {
        display: none
    }
}

.product-size-image-col .product-size-image .slideshow-container .prevnxt-controls .prev {
    cursor: pointer;
    position: absolute;
    width: auto;
    padding: 16px;
    bottom: 400px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    color: #333;
    font-size: 60px;
    left: -15px
}

.product-size-image-col .product-size-image .slideshow-container .prevnxt-controls .next {
    right: -15px;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    position: absolute;
    width: auto;
    padding: 16px;
    bottom: 400px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    color: #333;
    font-size: 60px
}

.product-size-image-col .pd-product-sizes {
    width: 600px;
    padding-left: 50px
}

.product-size-image-col .pd-product-sizes .body1 {
    font-size: 16px !important;
    font-family: "APKProtocol Regular"
}

@media only screen and (min-width:768px) and (max-width:1200px) {
    .product-size-image-col .pd-product-sizes {
        padding-left: 20px;
        width: 56%
    }
}

.product-size-image-col .pd-product-sizes h3 {
    font-size: 32px;
    margin: 0;
    font-weight: normal;
    color: #00b2a9;
    font-family: "APKProtocol Medium"
}

.product-size-image-col .pd-product-sizes p {
    font-size: 16px;
    line-height: 26px;
    width: 550px
}

@media only screen and (max-width:767px) {
    .product-size-image-col .pd-product-sizes p {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1200px) {
    .product-size-image-col .pd-product-sizes p {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .product-size-image-col .pd-product-sizes {
        width: 100%;
        padding-left: 0
    }
}

.product-size-image-col .pd-product-sizes .p-sizes h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 5px 0;
    line-height: 14px;
    padding-top: 18px;
    font-family: "APKProtocol Medium"
}

.product-size-image-col .pd-product-sizes .p-sizes div {
    padding: 0;
    display: table
}

.product-size-image-col .pd-product-sizes .p-sizes div a {
    text-decoration: none;
    color: #333;
    font-size: 16px
}

.product-size-image-col .pd-product-sizes .p-sizes div a:hover {
    color: #00b2a9
}

.product-size-image-col .pd-product-sizes .p-sizes div.active a {
    color: #00b2a9;
    background: 0
}

.product-size-image-col .pd-product-sizes .p-sizes div.active a:hover {
    color: #00b2a9
}

@media only screen and (max-width:767px) {
    .product-size-image-col .pd-product-sizes .p-sizes {
        width: 100%;
        display: none
    }
}

.product-size-image-col .pd-product-sizes .desktop-dist-btns {
    display: flex;
    margin-top: 30px
}

.product-size-image-col .pd-product-sizes .desktop-dist-btns a {
    text-decoration: none;
    border: solid 1px #333;
    color: #333;
    width: 200px;
    text-align: center;
    height: 48px;
    margin-right: 18px;
    border-radius: 30px;
    line-height: 44px;
    transition: .5s
}

@media only screen and (max-width:767px) {
    .product-size-image-col .pd-product-sizes .desktop-dist-btns a {
        margin-bottom: 15px
    }
}

.product-size-image-col .pd-product-sizes .desktop-dist-btns a:hover {
    background: #00b2a9;
    border: solid 1px #fff;
    color: #fff !important;
    transition: .5s
}

@media only screen and (max-width:767px) {
    .product-size-image-col .pd-product-sizes .desktop-dist-btns {
        display: none
    }
}

@media only screen and (min-width:767px) {
    .product-size-image-col .pdmySlides.activeimg {
        display: block !important
    }

    .product-size-image-col .pdmySlides:not(.activeimg) {
        display: none !important
    }
}

.product-size-image-col.pd-no-image .product-size-image {
    display: none
}

.product-size-image-col.pd-no-image .pd-product-sizes {
    margin: 0 auto;
    padding-left: 0;
    width: 650px
}

@media only screen and (min-width:768px) and (max-width:1200px) {
    .product-size-image-col.pd-no-image .pd-product-sizes {
        margin: 0
    }
}

@media only screen and (max-width:767px) {
    .product-size-image-col.pd-no-image .pd-product-sizes {
        width: 100%
    }
}

.product-size-image-col.pd-no-image .pd-product-sizes p {
    width: 650px
}

@media only screen and (max-width:767px) {
    .product-size-image-col.pd-no-image .pd-product-sizes p {
        width: 100%
    }
}

.img-fade {
    -webkit-animation-name: img-fade;
    -webkit-animation-duration: 1.5s;
    animation-name: img-fade;
    animation-duration: 1.5s
}

@-webkit-keyframes img-fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes img-fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.molykote-table {
    max-width: 100%;
    width: 600px
}

.molykote-table p {
    line-height: 28px;
    font-family: "APKProtocol Regular";
    font-size: 16px;
    color: #000 !important
}

.molykote-table ul {
    margin: 0;
    padding: 0
}

.molykote-table ul li {
    list-style-type: none;
    padding-bottom: 15px;
    font-size: 16px;
    font-family: "APKProtocol Regular"
}

.molykote-table ul li a {
    color: #00b2a9;
    text-decoration: none;
    font-size: 16px;
    font-family: "APKProtocol Bold"
}

.molykote-table table {
    border-collapse: collapse;
    max-width: 400px;
    width: 100%
}

.molykote-table table td {
    text-align: left;
    padding: 8px;
    font-size: 16px;
    font-family: "APKProtocol Regular"
}

.molykote-table h2 {
    font-size: 18px;
    font-weight: normal
}

.molykote-table ul.bullet li {
    list-style-type: initial;
    list-style-position: outside;
    padding-bottom: 12px;
    font-size: 16px;
    font-family: "APKProtocol Regular"
}

.molykote-table tr td:nth-child(n+2) {
    font-weight: bold
}

.mk-table-link a {
    color: #00b2a9;
    text-decoration: none;
    font-size: 16px;
    font-family: 'APKProtocol Bold'
}

@keyframes example {
    1% {
        transform: translate(0rem, -100rem)
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes fade-In {
    1% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.heroWith-animatedTitle .overlay {
    position: relative
}

.heroWith-animatedTitle .overlay:after {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 1;
    transition: all 1000ms;
    -webkit-transition: all 1000ms;
    z-index: 0
}

.heroWith-animatedTitle .bckgrd-img {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center
}

.heroWith-animatedTitle .bckgrd-img .mob-bckgrnd {
    display: none
}

.heroWith-animatedTitle .bckgrd-img .bckgrd-img1 {
    width: 100vw
}

.heroWith-animatedTitle .bckgrd-img video {
    margin: 0 auto;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: 1s opacity;
    vertical-align: middle
}

.heroWith-animatedTitle .bckgrd-img .fix-layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.heroWith-animatedTitle .bckgrd-img .fix-layout .fix-layout-cnt {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.heroWith-animatedTitle .bckgrd-img .animated-block {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:768px) {
    .heroWith-animatedTitle .bckgrd-img .animated-block {
        width: 50%;
        padding-right: 10%
    }
}

@media(min-width:992px) {
    .heroWith-animatedTitle .bckgrd-img .animated-block {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.heroWith-animatedTitle .bckgrd-img .animated-block .animated-title {
    text-transform: uppercase;
    width: 90%;
    font-size: 100px;
    line-height: 90px;
    letter-spacing: 3px;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.75);
    font-family: "APKProtocol Bold" !important;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    text-align: left !important;
    color: #fff;
    position: relative;
    top: 0;
    margin-bottom: 20px;
    margin-left: -18px
}

.heroWith-animatedTitle .bckgrd-img .animated-block .animated-desc {
    display: block;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.75);
    font-family: "APKProtocol Medium";
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 1.2px;
    text-align: left;
    color: white;
    margin-bottom: 20px
}

@media(max-width:767px) {
    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-desc {
        font-size: 12px;
        line-height: .5;
        letter-spacing: .6px;
        text-align: left;
        margin-bottom: 0
    }
}

.heroWith-animatedTitle .bckgrd-img .animated-block .animated-desc .tag1 {
    opacity: 0;
    animation-duration: .5s;
    animation-fill-mode: forwards
}

.heroWith-animatedTitle .bckgrd-img .animated-block .animated-desc .tag1 p {
    font-family: "APKProtocol Medium";
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    color: #fff;
    line-height: 1.33;
    letter-spacing: 1.2px;
    margin-bottom: 10px
}

@media(max-width:767px) {
    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-desc .tag1 p {
        line-height: 1.33;
        letter-spacing: .6px;
        margin-bottom: 5px;
        font-size: 12px
    }
}

.heroWith-animatedTitle .bckgrd-img .animated-block .animated-btn {
    display: flex;
    align-items: center;
    opacity: 0;
    animation-duration: .5s;
    animation-fill-mode: forwards
}

.heroWith-animatedTitle .bckgrd-img .animated-block .animated-btn a {
    padding: 8px 10px;
    border-radius: 6px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.75);
    background-color: #da291c;
    font-size: 12px;
    font-family: "APKProtocol Bold";
    text-decoration: none;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 1px;
    text-align: center;
    color: white
}

@media(min-width:768px) {
    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-btn a {
        padding: 11px 22px 11px;
        font-size: 20px
    }
}

@media(min-width:992px) {
    .heroWith-animatedTitle .animated-title {
        margin-bottom: 10px
    }
}

.heroWith-animatedTitle .animated-title .header0 {
    opacity: 0;
    animation-name: example;
    animation-delay: 0;
    animation-duration: 660ms;
    animation-fill-mode: forwards;
    display: inline-block
}

.heroWith-animatedTitle .animated-title .header1 {
    margin-left: 4%;
    opacity: 0;
    animation-name: example;
    animation-delay: 660ms;
    animation-duration: 660ms;
    animation-fill-mode: forwards;
    display: inline-block
}

.heroWith-animatedTitle .animated-title .header2 {
    opacity: 0;
    display: flex;
    animation-name: example;
    animation-delay: 1320ms;
    animation-duration: 660ms;
    animation-fill-mode: forwards;
    display: block
}

.heroWith-animatedTitle .animated-title .header-anim {
    opacity: 0;
    animation-name: example;
    animation-fill-mode: forwards;
    animation-duration: 660ms;
    display: inline-block;
    margin-left: 18px
}

.heroWith-animatedTitle .animated-title h1.header0 {
    margin-bottom: 0;
    color: #fff;
    font-size: 90px;
    font-family: "APKProtocol Bold" !important;
    letter-spacing: 3px
}

.heroWith-animatedTitle .animated-title h1.header1 {
    margin-bottom: 0;
    margin-left: 15px;
    font-size: 90px;
    font-family: "APKProtocol Bold" !important;
    letter-spacing: 3px
}

.heroWith-animatedTitle .animated-title h1.header2 {
    font-size: 90px;
    font-family: "APKProtocol Bold" !important;
    line-height: .5;
    letter-spacing: 3px
}

@media screen and (max-width:767px) {
    .heroWith-animatedTitle .bckgrd-img .mob-bckgrnd {
        display: block;
        width: 100vw
    }

    .heroWith-animatedTitle .bckgrd-img .bckgrd-img1 {
        display: none
    }

    .heroWith-animatedTitle .bckgrd-img video {
        height: 320px
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block {
        padding-left: 0
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-title {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
        font-size: 35px;
        line-height: 1;
        letter-spacing: 1.05px;
        text-align: left;
        color: #fff;
        top: 0;
        margin-bottom: 10px;
        margin-left: -6px
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-title .header-anim {
        margin-left: 6px
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-title h1.header0 {
        font-size: 35px;
        letter-spacing: 1px
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-title h1.header1 {
        font-size: 35px;
        margin-left: 4px;
        letter-spacing: 1px
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-title h1.header2 {
        font-size: 35px;
        line-height: .57;
        letter-spacing: 1px
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-desc {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
        font-family: "APKProtocol Regular";
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .5;
        letter-spacing: .6px;
        text-align: left;
        margin-bottom: 0
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-desc .tag1 p {
        line-height: 1.33;
        letter-spacing: .6px;
        margin-bottom: 5px
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-btn {
        margin-top: 10px
    }
}

@media(min-width:901px) and (max-width:1200px) {
    .heroWith-animatedTitle .bckgrd-img .animated-block {
        right: 13%
    }
}

@media(min-width:768px) and (max-width:1100px) {
    .heroWith-animatedTitle .bckgrd-img .animated-block {
        right: 12%
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-title {
        margin-left: -10px;
        font-size: 55px;
        letter-spacing: 1px;
        line-height: 1;
        margin-bottom: 10px
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-title .header-anim {
        margin-left: 10px
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-desc {
        font-size: 17px;
        line-height: 1.33;
        margin-bottom: 5px
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-btn a {
        font-size: 12px
    }
}

@media(min-width:1101px) and (max-width:1299px) {
    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-title {
        font-size: 65px;
        line-height: 1
    }
}

@media(max-width:550px) {
    .heroWith-animatedTitle .bckgrd-img .animated-block {
        margin-right: 10px
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-title h1.header0 {
        letter-spacing: 1.05px !important
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-title h1.header1 {
        letter-spacing: 1.05px !important
    }

    .heroWith-animatedTitle .bckgrd-img .animated-block .animated-title h1.header2 {
        line-height: 1;
        letter-spacing: 1.05px !important
    }
}

.heroimage.froth-pak-hero .animated-block {
    right: 5%;
    padding-left: 0
}

@media(min-width:1300px) {
    .heroimage.froth-pak-hero .animated-block {
        padding-right: 5%
    }
}

.heroimage.froth-pak-hero .animated-block .animated-title {
    font-size: 35px;
    width: 100%
}

@media(min-width:768px) {
    .heroimage.froth-pak-hero .animated-block .animated-title {
        font-size: 65px
    }
}

@media(min-width:1120px) {
    .heroimage.froth-pak-hero .animated-block .animated-title {
        font-size: 90px;
        line-height: .89
    }
}

.heroimage.froth-pak-hero .animated-block .header0 {
    display: flex
}

.heroimage.froth-pak-hero .animated-block .header1 {
    display: inline-flex;
    margin-left: 0
}

.heroimage.froth-pak-hero .animated-block .header2 {
    display: inline-flex;
    margin-left: 15px
}

.heroimage.froth-pak-hero .animated-block .animated-btn a {
    background-color: #ffc700;
    color: #000
}

@media screen and (max-width:767px) {
    .heroimage.froth-pak-hero .animated-block {
        width: 60%
    }

    .heroimage.froth-pak-hero .animated-block .header1 {
        margin-left: 0 !important
    }

    .heroimage.froth-pak-hero .animated-block .header2 {
        margin-left: 7px
    }
}

.heroimage .heroWith-animatedTitle.froth-pak-hero .new-body .bckgrd-img .animated-block {
    right: 5%;
    top: -4%
}

@media(min-width:768px) {
    .heroimage .heroWith-animatedTitle.froth-pak-hero .new-body .bckgrd-img .animated-block {
        padding-left: 10%
    }
}

.heroimage .heroWith-animatedTitle.froth-pak-hero .new-body .bckgrd-img .animated-block .animated-title {
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.75)
}

.heroimage .heroWith-animatedTitle.froth-pak-hero .new-body .bckgrd-img .animated-block .animated-title .header0 {
    font-size: 90px;
    display: flex;
    color: #fff;
    line-height: .89 !important;
    letter-spacing: 2.7px !important
}

.heroimage .heroWith-animatedTitle.froth-pak-hero .new-body .bckgrd-img .animated-block .animated-title .header1 {
    font-size: 90px;
    display: inline-flex;
    margin-left: 0;
    color: #fff;
    line-height: .89 !important;
    letter-spacing: 2.7px !important
}

.heroimage .heroWith-animatedTitle.froth-pak-hero .new-body .bckgrd-img .animated-block .animated-title .header2 {
    font-size: 90px;
    display: inline-flex;
    margin-left: 15px;
    color: #fff;
    line-height: .89 !important;
    letter-spacing: 2.7px !important
}

.heroimage.title-alignment-right .heroWith-animatedTitle .fix-layout-cnt {
    justify-content: flex-end
}

@media(min-width:768px) {
    .heroimage.title-alignment-right .heroWith-animatedTitle .fix-layout-cnt .animated-block {
        padding-left: 10%;
        padding-right: 0
    }
}

.heroimage.hero_Right .fix-layout-cnt {
    justify-content: flex-end
}

.heroimage.hero_Bottom .fix-layout-cnt .animated-block {
    justify-content: flex-end
}

@media(min-width:1300px) {
    .heroimage.froth-pak-hero.title-alignment-right .heroWith-animatedTitle .animated-block {
        padding-left: 5%;
        padding-right: 0
    }
}

.heroimage.tyvek-title .animated-block {
    width: 70%
}

@media(min-width:1300px) {
    .heroimage.tyvek-title .animated-block .animated-title {
        font-size: 90px
    }
}

@media screen and (max-width:767px) {
    .heroWith-animatedTitle .heroimage.froth-pak-hero .new-body .bckgrd-img .animated-block {
        right: auto;
        top: auto;
        bottom: -40%
    }

    .heroWith-animatedTitle .heroimage.froth-pak-hero .new-body .bckgrd-img .animated-block .animated-title .header0 {
        font-size: 30px;
        display: inline-flex;
        margin-right: 0
    }

    .heroWith-animatedTitle .heroimage.froth-pak-hero .new-body .bckgrd-img .animated-block .animated-title .header1 {
        font-size: 30px;
        margin-left: 5px
    }

    .heroWith-animatedTitle .heroimage.froth-pak-hero .new-body .bckgrd-img .animated-block .animated-title .header2 {
        font-size: 30px;
        margin-left: 5px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .heroWith-animatedTitle .heroimage.froth-pak-hero .new-body .bckgrd-img .animated-block {
        right: 2%;
        top: 1%
    }
}

.heroimage .hero-Carousel-Slides .slick-dots {
    bottom: 10px
}

.heroimage .hero-Carousel-Slides .slick-dots li {
    margin: 0
}

.heroimage .hero-Carousel-Slides .slick-dots li button:before {
    content: '•';
    opacity: .75;
    border: 1px solid white;
    height: 10px;
    border-radius: 100%;
    width: 10px;
    color: transparent
}

.heroimage .hero-Carousel-Slides .slick-dots li.slick-active button:before {
    background-color: #fff
}

.heroimage .hero-Carousel-Slides .slick-dots>li:only-child {
    display: none
}

.heroimage .hero-Carousel-Slides .slick-next {
    right: 10px;
    z-index: 1
}

.heroimage .hero-Carousel-Slides .slick-next:before {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/r-right-arrow.svg);
    background-size: 13px 27px;
    display: inline-block;
    width: 13px;
    height: 27px;
    content: "";
    opacity: 1;
    margin-left: 8px
}

@media(max-width:767px) {
    .heroimage .hero-Carousel-Slides .slick-next {
        display: none !important
    }
}

.heroimage .hero-Carousel-Slides .slick-prev {
    left: 10px;
    z-index: 1
}

.heroimage .hero-Carousel-Slides .slick-prev:before {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/general/icons/r-left-arrow.svg);
    background-size: 13px 27px;
    display: inline-block;
    width: 13px;
    height: 27px;
    content: "";
    margin-right: 8px
}

@media(max-width:767px) {
    .heroimage .hero-Carousel-Slides .slick-prev {
        display: none !important
    }
}

.heroimage .hero-Carousel-Slides .slick-track {
    display: flex !important
}

.heroimage .hero-Carousel-Slides.slick-dotted.slick-slider {
    margin-bottom: 0
}

.mapReferences {
    overflow-x: hidden;
    padding-bottom: 20px
}

.mapReferences .result-view-more.text-center {
    margin-top: 20px
}

.mapReferences.default .container {
    padding: 0 15px
}

@media screen and (min-width:1024px) {
    .mapReferences.default .container {
        padding: 0 94px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.default .container {
        padding: 0 33px
    }
}

.mapReferences.default .search-container {
    font-family: "APKProtocol regular"
}

.mapReferences.default .search-container a {
    text-decoration: none
}

.mapReferences.default .search-container a:hover {
    color: #666;
    text-decoration: none
}

.mapReferences.default .search-container a.cta:hover {
    border-color: #beff00
}

.mapReferences.default .search-container a.cta:active {
    border-color: #beff00;
    background: #beff00;
    color: #fff
}

.mapReferences.default .search-container a:hover {
    color: #beff00
}

.mapReferences.default .search-container .sel-facets-block {
    float: right;
    display: none;
    margin-top: 30px;
    padding-left: 0
}

@media screen and (max-width:768px) {
    .mapReferences.default .search-container .sel-facets-block {
        max-width: 100% !important;
        margin-bottom: 30px
    }
}

.mapReferences.default .search-container .sel-facets-block .facet-name {
    background: #fce5e8;
    padding: 5px 10px;
    border-radius: 30px;
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
    font-size: 14px
}

.mapReferences.default .search-container .sel-facets-block .facet-name .deselect-facet {
    cursor: pointer;
    margin: 5px;
    font-size: 17px;
    font-family: monospace;
    margin-right: 0
}

.mapReferences.default .search-container .sel-facets-block .facet-name .deselect-facet:hover {
    color: #beff00
}

.mapReferences.default .search-container .sel-facets-block .clear-facets {
    float: right;
    margin-top: 10px;
    font-size: 16px;
    cursor: pointer;
    font-family: "APKProtocol Regular";
    margin-left: 10px
}

.mapReferences.default .search-container .sel-facets-block .clear-facets:hover {
    text-decoration: underline
}

.mapReferences.default .search-container .facets-container {
    float: left;
    display: block;
    margin-top: 11px
}

@media screen and (min-width:768px) {
    .mapReferences.default .search-container .facets-container {
        display: block
    }
}

.mapReferences.default .search-container .facets-container.showFacets {
    display: block
}

@media screen and (max-width:768px) {
    .mapReferences.default .search-container .facets-container.showFacets {
        display: none
    }
}

@media screen and (max-width:768px) {
    .mapReferences.default .search-container .facets-container {
        width: 100%;
        height: 100%;
        background: #fff;
        max-width: 100%;
        z-index: 100;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        position: fixed;
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 80px
    }
}

.mapReferences.default .search-container .facets-container .mv-facet-header {
    width: auto;
    overflow: auto;
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.default .search-container .facets-container .mv-facet-header {
        display: block
    }
}

.mapReferences.default .search-container .facets-container .mv-facet-header nav {
    overflow: auto;
    white-space: nowrap;
    height: 35px;
    vertical-align: bottom;
    margin-top: 25px
}

.mapReferences.default .search-container .facets-container .mv-facet-header nav .mv-facet-category {
    min-width: 100px;
    padding: 10px 20px;
    font-size: 14px;
    font-family: "APKProtocol Semibold";
    color: #969696;
    text-transform: uppercase
}

.mapReferences.default .search-container .facets-container .mv-facet-header nav .mv-facet-category.active {
    color: #000;
    border-bottom: 2px solid #beff00
}

.mapReferences.default .search-container .facets-container .mv-facets-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #beff00;
    font-family: "APKProtocol Regular";
    height: 80px;
    width: 100%;
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.default .search-container .facets-container .mv-facets-footer {
        display: block
    }
}

.mapReferences.default .search-container .facets-container .mv-facets-footer .close-facets {
    font-size: 14px;
    color: #fff;
    float: left;
    margin: 30px
}

.mapReferences.default .search-container .facets-container .mv-facets-footer .apply-filters {
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 20px;
    background: #fff;
    color: #beff00;
    float: right;
    margin: 20px
}

.mapReferences.default .search-container .facets-container .facet-head {
    color: #969696;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px;
    font-size: 14px
}

@media screen and (max-width:768px) {
    .mapReferences.default .search-container .facets-container .facet-head {
        display: none
    }
}

.mapReferences.default .search-container .facets-container .facets-wrapper {
    margin-bottom: 10px
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-category {
    font-size: 16px;
    font-family: "APKProtocol Semibold";
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
    cursor: pointer
}

@media screen and (max-width:768px) {
    .mapReferences.default .search-container .facets-container .facets-wrapper .facet-category {
        display: none
    }
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-category.open {
    border-bottom: 0
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-category.open span:after {
    content: '-'
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-category span:after {
    content: '+';
    font-size: 20px;
    margin-top: -5px;
    float: right;
    color: #beff00
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content {
    cursor: pointer
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option {
    margin-left: 10px
}

@media screen and (max-width:768px) {
    .mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option {
        margin-left: 20px
    }
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option.hide-option {
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option.hide-option {
        display: block
    }
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option.show-option {
    display: block
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option.facet-disabled {
    display: none
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option input:checked~.checkmark {
    background-color: #beff00
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option input:checked~.checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option input:checked~.checkmark::after {
    display: block
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option .checkmark {
    position: relative;
    left: 0;
    top: 7px;
    height: 24px;
    width: 24px;
    border-radius: 100%;
    background-color: #fff;
    border: solid 1px #e1e1e1;
    display: inline-block;
    margin-right: 10px
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option:hover input~.checkmark {
    background-color: #e1e1e1;
    border: 0
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option:hover input:checked~.checkmark {
    background-color: #beff00;
    border: 0
}

.mapReferences.default .search-container .facets-container .facets-wrapper .facet-content .facet-option label {
    width: calc(100% - 50px);
    font-size: 14px;
    color: #000
}

.mapReferences.default .search-container .facets-container .facets-wrapper .view-all {
    font-size: 14px;
    font-family: "APKProtocol Regular";
    float: right;
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.default .search-container .facets-container .facets-wrapper .view-all {
        display: none !important
    }
}

.mapReferences.default .search-container .mv-facets-link {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    margin-left: 15px;
    margin-bottom: 10px;
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.default .search-container .mv-facets-link.show {
        display: block
    }
}

.mapReferences.default .search-container .map-result {
    width: 100%;
    float: right
}

@media screen and (max-width:768px) {
    .mapReferences.default .search-container .map-result {
        max-width: 100% !important
    }
}

.mapReferences.default .search-container .location-list {
    width: 100%;
    height: auto;
    background: #e5e5e5;
    border-radius: 4px;
    margin-top: 30px
}

@media only screen and (max-width:767px) {
    .mapReferences.default .search-container .location-list {
        width: 100%;
        height: auto;
        border-radius: 0
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.default .search-container .location-list {
        border-radius: 4px
    }
}

.mapReferences.default .search-container .location-inner {
    width: 100%;
    height: auto;
    border-radius: 4px;
    display: inline-block;
    padding: 30px 15px
}

@media only screen and (max-width:767px) {
    .mapReferences.default .search-container .location-inner {
        margin: 0;
        width: 100%;
        height: auto;
        padding: 5%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.default .search-container .location-inner {
        width: 100%
    }
}

.mapReferences.default .search-container .location-spot {
    margin: 0;
    padding: 20px
}

@media only screen and (max-width:767px) {
    .mapReferences.default .search-container .location-spot {
        height: auto;
        width: 100%;
        padding-left: 20px
    }
}

.mapReferences.default .search-container .location-icon {
    display: flex;
    margin: 0;
    padding: 0;
    height: 50px;
    flex-wrap: wrap;
    float: left;
    width: 240px
}

@media only screen and (max-width:767px) {
    .mapReferences.default .search-container .location-icon {
        float: none;
        width: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.default .search-container .location-icon {
        float: left;
        width: 40%;
        padding-right: 10%;
        display: flex;
        flex-wrap: initial;
        padding-bottom: 10px
    }
}

.mapReferences.default .search-container .location-icon img {
    margin: 0;
    margin: auto 0;
    height: 28px
}

.mapReferences.default .search-container .location-name {
    margin: 0;
    height: 50px
}

.mapReferences.default .search-container .location-name p {
    margin: 0;
    line-height: 50px;
    padding-left: 10px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.default .search-container .location-name p {
        padding-top: 15px;
        line-height: 20px
    }
}

.mapReferences.default .search-container .wrap {
    display: flex;
    margin: 0;
    background: #fff;
    justify-content: space-around;
    border-radius: 4px;
    box-shadow: 6px 6px 8px -5px #a1a1a1
}

@media only screen and (max-width:767px) {
    .mapReferences.default .search-container .wrap {
        display: inline-block;
        width: 100%;
        border-radius: 4px
    }
}

.mapReferences.default .search-container .rs-container .rs-pointer {
    border: 2px solid #beff00;
    border-radius: 25px;
    height: 25px;
    width: 25px
}

.mapReferences.default .search-container .rs-container .rs-bg,
.mapReferences.default .search-container .rs-container .rs-selected {
    height: 2px;
    top: 10px
}

.mapReferences.default .search-container .rs-container .rs-selected {
    background-color: #beff00;
    border: 1px solid #beff00
}

.mapReferences.default .search-container .rs-scale {
    display: none
}

.mapReferences.default .search-container .slider-blk {
    margin-top: 40px
}

@media(max-width:767px) {
    .mapReferences.default .search-container .slider-blk {
        margin-top: 50px
    }
}

.mapReferences.default .search-container .slider-blk .rs-container {
    margin-left: 50px
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .mapReferences.default .search-container .slider-blk .rs-container {
        margin-left: 20px
    }
}

.mapReferences.default .search-container .slider-blk .rs-bg .min-val {
    float: left;
    margin-top: 20px;
    margin-left: -15px;
    font-family: "APKProtocol Regular";
    font-size: 14px
}

.mapReferences.default .search-container .slider-blk .rs-bg .max-val {
    float: right;
    margin-top: 20px;
    margin-right: -15px;
    font-family: "APKProtocol Regular";
    font-size: 14px
}

.mapReferences.default .search-container .slider-height {
    visibility: hidden;
    height: 1px;
    margin: 0
}

.mapReferences.default .search-container .rs-tooltip {
    padding: 1px;
    border: 1px solid black;
    background-color: black;
    color: #fff;
    height: auto;
    min-width: 40px;
    font-size: 14px;
    font-family: "APKProtocol Medium"
}

@media(min-width:1200px) {
    .mapReferences.default .search-container .rs-tooltip {
        display: none;
        min-width: 50px;
        padding: 2px
    }
}

@media(max-width:1200px) {
    .mapReferences.default .search-container .rs-tooltip {
        transform: translate(-60%, -33px)
    }
}

@media(max-width:768px) {
    .mapReferences.default .search-container .rs-tooltip {
        transform: translate(-50%, -33px)
    }
}

.mapReferences.default .search-container .rs-tooltip:after {
    background: black;
    content: "";
    left: 0;
    position: absolute;
    bottom: 0;
    transform: translate(170%, 50%) rotate(-45deg);
    width: 10px;
    height: 10px
}

@media(max-width:767px) {
    .mapReferences.default .search-container .rs-tooltip:after {
        width: 8px;
        height: 8px;
        transform: translate(150%, 50%) rotate(-45deg)
    }
}

.mapReferences.default .search-container #mapR {
    width: 100%;
    height: 450px
}

@media(min-width:768px) {
    .mapReferences.default .search-container #mapR {
        height: 500px
    }
}

@media screen and (min-width:1400px) {
    .mapReferences.default .search-container #mapR {
        height: 550px
    }
}

.mapReferences.default .search-container .selected-ref {
    float: right;
    margin-top: 25px;
    margin-bottom: 0
}

@media(max-width:768px) {
    .mapReferences.default .search-container .selected-ref {
        float: left;
        margin-top: 15px
    }
}

.mapReferences.default .search-container .info-window {
    background-color: #fff;
    display: flex;
    padding: 15px
}

@media(max-width:767px) {
    .mapReferences.default .search-container .info-window {
        display: block
    }
}

.mapReferences.default .search-container .info-window .info-blk .info-link a {
    color: #beff00;
    text-decoration: underline !important
}

.mapReferences.default .search-container .info-window .info-img {
    max-width: 125px;
    margin: auto 30px;
    margin-right: 0
}

.mapReferences.default .search-container .info-window .info-img img {
    width: 100%;
    border-radius: 5px
}

@media(max-width:767px) {
    .mapReferences.default .search-container .info-window .info-img {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

.mapReferences.default .search-container .info-window .marker-details {
    display: flex
}

.mapReferences.default .search-container .info-window .marker-details .marker-title {
    font-family: "APKProtocol Medium";
    font-size: 14px;
    margin-bottom: 0;
    min-width: 135px;
    line-height: 1.8
}

@media(max-width:767px) {
    .mapReferences.default .search-container .info-window .marker-details .marker-title {
        min-width: 130px
    }
}

.mapReferences.default .search-container .info-window .marker-details .marker-text {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8;
    max-width: 200px
}

.mapReferences.default .search-container .gm-style-iw {
    padding: 10px
}

.mapReferences.default .search-container .gm-style .gm-style-iw-c {
    border-radius: 3px
}

.mapReferences.default .search-container .gm-ui-hover-effect {
    top: 0 !important;
    right: 6px !important
}

.mapReferences.default .search-container .gm-ui-hover-effect img {
    width: 23px !important;
    height: 23px !important
}

.mapReferences.default .info-window {
    background-color: #fff;
    display: flex;
    padding: 15px
}

@media(max-width:767px) {
    .mapReferences.default .info-window {
        display: block
    }
}

.mapReferences.default .info-window .info-blk .info-link a {
    color: #beff00;
    text-decoration: underline !important
}

.mapReferences.default .info-window .info-img {
    max-width: 125px;
    margin: auto 30px;
    margin-right: 0
}

.mapReferences.default .info-window .info-img img {
    width: 100%;
    border-radius: 5px
}

@media(max-width:767px) {
    .mapReferences.default .info-window .info-img {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

.mapReferences.default .info-window .marker-details {
    display: flex
}

.mapReferences.default .info-window .marker-details .marker-title {
    font-family: "APKProtocol Medium";
    font-size: 14px;
    margin-bottom: 0;
    min-width: 135px;
    line-height: 1.8
}

@media(max-width:767px) {
    .mapReferences.default .info-window .marker-details .marker-title {
        min-width: 130px
    }
}

.mapReferences.default .info-window .marker-details .marker-text {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8;
    max-width: 200px
}

.mapReferences.tealcolor .container {
    padding: 0 15px
}

@media screen and (min-width:1024px) {
    .mapReferences.tealcolor .container {
        padding: 0 94px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.tealcolor .container {
        padding: 0 33px
    }
}

.mapReferences.tealcolor .search-container {
    font-family: "APKProtocol regular"
}

.mapReferences.tealcolor .search-container a {
    text-decoration: none
}

.mapReferences.tealcolor .search-container a:hover {
    color: #666;
    text-decoration: none
}

.mapReferences.tealcolor .search-container a.cta:hover {
    border-color: #00b2a9
}

.mapReferences.tealcolor .search-container a.cta:active {
    border-color: #00b2a9;
    background: #00b2a9;
    color: #fff
}

.mapReferences.tealcolor .search-container a:hover {
    color: #00b2a9
}

.mapReferences.tealcolor .search-container .sel-facets-block {
    float: right;
    display: none;
    margin-top: 30px;
    padding-left: 0
}

@media screen and (max-width:768px) {
    .mapReferences.tealcolor .search-container .sel-facets-block {
        max-width: 100% !important;
        margin-bottom: 30px
    }
}

.mapReferences.tealcolor .search-container .sel-facets-block .facet-name {
    background: #e8f6f7;
    padding: 5px 10px;
    border-radius: 30px;
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
    font-size: 14px
}

.mapReferences.tealcolor .search-container .sel-facets-block .facet-name .deselect-facet {
    cursor: pointer;
    margin: 5px;
    font-size: 17px;
    font-family: monospace;
    margin-right: 0
}

.mapReferences.tealcolor .search-container .sel-facets-block .facet-name .deselect-facet:hover {
    color: #00b2a9
}

.mapReferences.tealcolor .search-container .sel-facets-block .clear-facets {
    float: right;
    margin-top: 10px;
    font-size: 16px;
    cursor: pointer;
    font-family: "APKProtocol Regular";
    margin-left: 10px
}

.mapReferences.tealcolor .search-container .sel-facets-block .clear-facets:hover {
    text-decoration: underline
}

.mapReferences.tealcolor .search-container .facets-container {
    float: left;
    display: block;
    margin-top: 11px
}

@media screen and (min-width:768px) {
    .mapReferences.tealcolor .search-container .facets-container {
        display: block
    }
}

.mapReferences.tealcolor .search-container .facets-container.showFacets {
    display: block
}

@media screen and (max-width:768px) {
    .mapReferences.tealcolor .search-container .facets-container.showFacets {
        display: none
    }
}

@media screen and (max-width:768px) {
    .mapReferences.tealcolor .search-container .facets-container {
        width: 100%;
        height: 100%;
        background: #fff;
        max-width: 100%;
        z-index: 100;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        position: fixed;
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 80px
    }
}

.mapReferences.tealcolor .search-container .facets-container .mv-facet-header {
    width: auto;
    overflow: auto;
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.tealcolor .search-container .facets-container .mv-facet-header {
        display: block
    }
}

.mapReferences.tealcolor .search-container .facets-container .mv-facet-header nav {
    overflow: auto;
    white-space: nowrap;
    height: 35px;
    vertical-align: bottom;
    margin-top: 25px
}

.mapReferences.tealcolor .search-container .facets-container .mv-facet-header nav .mv-facet-category {
    min-width: 100px;
    padding: 10px 20px;
    font-size: 14px;
    font-family: "APKProtocol Semibold";
    color: #969696;
    text-transform: uppercase
}

.mapReferences.tealcolor .search-container .facets-container .mv-facet-header nav .mv-facet-category.active {
    color: #000;
    border-bottom: 2px solid #00b2a9
}

.mapReferences.tealcolor .search-container .facets-container .mv-facets-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #00b2a9;
    font-family: "APKProtocol Regular";
    height: 80px;
    width: 100%;
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.tealcolor .search-container .facets-container .mv-facets-footer {
        display: block
    }
}

.mapReferences.tealcolor .search-container .facets-container .mv-facets-footer .close-facets {
    font-size: 14px;
    color: #fff;
    float: left;
    margin: 30px
}

.mapReferences.tealcolor .search-container .facets-container .mv-facets-footer .apply-filters {
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 20px;
    background: #fff;
    color: #00b2a9;
    float: right;
    margin: 20px
}

.mapReferences.tealcolor .search-container .facets-container .facet-head {
    color: #969696;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px;
    font-size: 14px
}

@media screen and (max-width:768px) {
    .mapReferences.tealcolor .search-container .facets-container .facet-head {
        display: none
    }
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper {
    margin-bottom: 10px
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-category {
    font-size: 16px;
    font-family: "APKProtocol Semibold";
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
    cursor: pointer
}

@media screen and (max-width:768px) {
    .mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-category {
        display: none
    }
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-category.open {
    border-bottom: 0
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-category.open span:after {
    content: '-'
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-category span:after {
    content: '+';
    font-size: 20px;
    margin-top: -5px;
    float: right;
    color: #00b2a9
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content {
    cursor: pointer
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option {
    margin-left: 10px
}

@media screen and (max-width:768px) {
    .mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option {
        margin-left: 20px
    }
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option.hide-option {
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option.hide-option {
        display: block
    }
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option.show-option {
    display: block
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option.facet-disabled {
    display: none
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option input:checked~.checkmark {
    background-color: #00b2a9
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option input:checked~.checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option input:checked~.checkmark::after {
    display: block
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option .checkmark {
    position: relative;
    left: 0;
    top: 7px;
    height: 24px;
    width: 24px;
    border-radius: 100%;
    background-color: #fff;
    border: solid 1px #e1e1e1;
    display: inline-block;
    margin-right: 10px
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option:hover input~.checkmark {
    background-color: #e1e1e1;
    border: 0
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option:hover input:checked~.checkmark {
    background-color: #00b2a9;
    border: 0
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .facet-content .facet-option label {
    width: calc(100% - 50px);
    font-size: 14px;
    color: #000
}

.mapReferences.tealcolor .search-container .facets-container .facets-wrapper .view-all {
    font-size: 14px;
    font-family: "APKProtocol Regular";
    float: right;
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.tealcolor .search-container .facets-container .facets-wrapper .view-all {
        display: none !important
    }
}

.mapReferences.tealcolor .search-container .mv-facets-link {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    margin-left: 15px;
    margin-bottom: 10px;
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.tealcolor .search-container .mv-facets-link.show {
        display: block
    }
}

.mapReferences.tealcolor .search-container .map-result {
    width: 100%;
    float: right
}

@media screen and (max-width:768px) {
    .mapReferences.tealcolor .search-container .map-result {
        max-width: 100% !important
    }
}

.mapReferences.tealcolor .search-container .location-list {
    width: 100%;
    height: auto;
    background: #e5e5e5;
    border-radius: 4px;
    margin-top: 30px
}

@media only screen and (max-width:767px) {
    .mapReferences.tealcolor .search-container .location-list {
        width: 100%;
        height: auto;
        border-radius: 0
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.tealcolor .search-container .location-list {
        border-radius: 4px
    }
}

.mapReferences.tealcolor .search-container .location-inner {
    width: 100%;
    height: auto;
    border-radius: 4px;
    display: inline-block;
    padding: 30px 15px
}

@media only screen and (max-width:767px) {
    .mapReferences.tealcolor .search-container .location-inner {
        margin: 0;
        width: 100%;
        height: auto;
        padding: 5%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.tealcolor .search-container .location-inner {
        width: 100%
    }
}

.mapReferences.tealcolor .search-container .location-spot {
    margin: 0;
    padding: 20px
}

@media only screen and (max-width:767px) {
    .mapReferences.tealcolor .search-container .location-spot {
        height: auto;
        width: 100%;
        padding-left: 20px
    }
}

.mapReferences.tealcolor .search-container .location-icon {
    display: flex;
    margin: 0;
    padding: 0;
    height: 50px;
    flex-wrap: wrap;
    float: left;
    width: 240px
}

@media only screen and (max-width:767px) {
    .mapReferences.tealcolor .search-container .location-icon {
        float: none;
        width: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.tealcolor .search-container .location-icon {
        float: left;
        width: 40%;
        padding-right: 10%;
        display: flex;
        flex-wrap: initial;
        padding-bottom: 10px
    }
}

.mapReferences.tealcolor .search-container .location-icon img {
    margin: 0;
    margin: auto 0;
    height: 28px
}

.mapReferences.tealcolor .search-container .location-name {
    margin: 0;
    height: 50px
}

.mapReferences.tealcolor .search-container .location-name p {
    margin: 0;
    line-height: 50px;
    padding-left: 10px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.tealcolor .search-container .location-name p {
        padding-top: 15px;
        line-height: 20px
    }
}

.mapReferences.tealcolor .search-container .wrap {
    display: flex;
    margin: 0;
    background: #fff;
    justify-content: space-around;
    border-radius: 4px;
    box-shadow: 6px 6px 8px -5px #a1a1a1
}

@media only screen and (max-width:767px) {
    .mapReferences.tealcolor .search-container .wrap {
        display: inline-block;
        width: 100%;
        border-radius: 4px
    }
}

.mapReferences.tealcolor .search-container .rs-container .rs-pointer {
    border: 2px solid #00b2a9;
    border-radius: 25px;
    height: 25px;
    width: 25px
}

.mapReferences.tealcolor .search-container .rs-container .rs-bg,
.mapReferences.tealcolor .search-container .rs-container .rs-selected {
    height: 2px;
    top: 10px
}

.mapReferences.tealcolor .search-container .rs-container .rs-selected {
    background-color: #00b2a9;
    border: 1px solid #00b2a9
}

.mapReferences.tealcolor .search-container .rs-scale {
    display: none
}

.mapReferences.tealcolor .search-container .slider-blk {
    margin-top: 40px
}

@media(max-width:767px) {
    .mapReferences.tealcolor .search-container .slider-blk {
        margin-top: 50px
    }
}

.mapReferences.tealcolor .search-container .slider-blk .rs-container {
    margin-left: 50px
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .mapReferences.tealcolor .search-container .slider-blk .rs-container {
        margin-left: 20px
    }
}

.mapReferences.tealcolor .search-container .slider-blk .rs-bg .min-val {
    float: left;
    margin-top: 20px;
    margin-left: -15px;
    font-family: "APKProtocol Regular";
    font-size: 14px
}

.mapReferences.tealcolor .search-container .slider-blk .rs-bg .max-val {
    float: right;
    margin-top: 20px;
    margin-right: -15px;
    font-family: "APKProtocol Regular";
    font-size: 14px
}

.mapReferences.tealcolor .search-container .slider-height {
    visibility: hidden;
    height: 1px;
    margin: 0
}

.mapReferences.tealcolor .search-container .rs-tooltip {
    padding: 1px;
    border: 1px solid black;
    background-color: black;
    color: #fff;
    height: auto;
    min-width: 40px;
    font-size: 14px;
    font-family: "APKProtocol Medium"
}

@media(min-width:1200px) {
    .mapReferences.tealcolor .search-container .rs-tooltip {
        display: none;
        min-width: 50px;
        padding: 2px
    }
}

@media(max-width:1200px) {
    .mapReferences.tealcolor .search-container .rs-tooltip {
        transform: translate(-60%, -33px)
    }
}

@media(max-width:768px) {
    .mapReferences.tealcolor .search-container .rs-tooltip {
        transform: translate(-50%, -33px)
    }
}

.mapReferences.tealcolor .search-container .rs-tooltip:after {
    background: black;
    content: "";
    left: 0;
    position: absolute;
    bottom: 0;
    transform: translate(170%, 50%) rotate(-45deg);
    width: 10px;
    height: 10px
}

@media(max-width:767px) {
    .mapReferences.tealcolor .search-container .rs-tooltip:after {
        width: 8px;
        height: 8px;
        transform: translate(150%, 50%) rotate(-45deg)
    }
}

.mapReferences.tealcolor .search-container #mapR {
    width: 100%;
    height: 450px
}

@media(min-width:768px) {
    .mapReferences.tealcolor .search-container #mapR {
        height: 500px
    }
}

@media screen and (min-width:1400px) {
    .mapReferences.tealcolor .search-container #mapR {
        height: 550px
    }
}

.mapReferences.tealcolor .search-container .selected-ref {
    float: right;
    margin-top: 25px;
    margin-bottom: 0
}

@media(max-width:768px) {
    .mapReferences.tealcolor .search-container .selected-ref {
        float: left;
        margin-top: 15px
    }
}

.mapReferences.tealcolor .search-container .info-window {
    background-color: #fff;
    display: flex;
    padding: 15px
}

@media(max-width:767px) {
    .mapReferences.tealcolor .search-container .info-window {
        display: block
    }
}

.mapReferences.tealcolor .search-container .info-window .info-blk .info-link a {
    color: #00b2a9;
    text-decoration: underline !important
}

.mapReferences.tealcolor .search-container .info-window .info-img {
    max-width: 125px;
    margin: auto 30px;
    margin-right: 0
}

.mapReferences.tealcolor .search-container .info-window .info-img img {
    width: 100%;
    border-radius: 5px
}

@media(max-width:767px) {
    .mapReferences.tealcolor .search-container .info-window .info-img {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

.mapReferences.tealcolor .search-container .info-window .marker-details {
    display: flex
}

.mapReferences.tealcolor .search-container .info-window .marker-details .marker-title {
    font-family: "APKProtocol Medium";
    font-size: 14px;
    margin-bottom: 0;
    min-width: 135px;
    line-height: 1.8
}

@media(max-width:767px) {
    .mapReferences.tealcolor .search-container .info-window .marker-details .marker-title {
        min-width: 130px
    }
}

.mapReferences.tealcolor .search-container .info-window .marker-details .marker-text {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8;
    max-width: 200px
}

.mapReferences.tealcolor .search-container .gm-style-iw {
    padding: 10px
}

.mapReferences.tealcolor .search-container .gm-style .gm-style-iw-c {
    border-radius: 3px
}

.mapReferences.tealcolor .search-container .gm-ui-hover-effect {
    top: 0 !important;
    right: 6px !important
}

.mapReferences.tealcolor .search-container .gm-ui-hover-effect img {
    width: 23px !important;
    height: 23px !important
}

.mapReferences.tealcolor .info-window {
    background-color: #fff;
    display: flex;
    padding: 15px
}

@media(max-width:767px) {
    .mapReferences.tealcolor .info-window {
        display: block
    }
}

.mapReferences.tealcolor .info-window .info-blk .info-link a {
    color: #00b2a9;
    text-decoration: underline !important
}

.mapReferences.tealcolor .info-window .info-img {
    max-width: 125px;
    margin: auto 30px;
    margin-right: 0
}

.mapReferences.tealcolor .info-window .info-img img {
    width: 100%;
    border-radius: 5px
}

@media(max-width:767px) {
    .mapReferences.tealcolor .info-window .info-img {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

.mapReferences.tealcolor .info-window .marker-details {
    display: flex
}

.mapReferences.tealcolor .info-window .marker-details .marker-title {
    font-family: "APKProtocol Medium";
    font-size: 14px;
    margin-bottom: 0;
    min-width: 135px;
    line-height: 1.8
}

@media(max-width:767px) {
    .mapReferences.tealcolor .info-window .marker-details .marker-title {
        min-width: 130px
    }
}

.mapReferences.tealcolor .info-window .marker-details .marker-text {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8;
    max-width: 200px
}

.mapReferences.greencolor .container {
    padding: 0 15px
}

@media screen and (min-width:1024px) {
    .mapReferences.greencolor .container {
        padding: 0 94px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.greencolor .container {
        padding: 0 33px
    }
}

.mapReferences.greencolor .search-container {
    font-family: "APKProtocol regular"
}

.mapReferences.greencolor .search-container a {
    text-decoration: none
}

.mapReferences.greencolor .search-container a:hover {
    color: #666;
    text-decoration: none
}

.mapReferences.greencolor .search-container a.cta:hover {
    border-color: #128370
}

.mapReferences.greencolor .search-container a.cta:active {
    border-color: #128370;
    background: #128370;
    color: #fff
}

.mapReferences.greencolor .search-container a:hover {
    color: #128370
}

.mapReferences.greencolor .search-container .sel-facets-block {
    float: right;
    display: none;
    margin-top: 30px;
    padding-left: 0
}

@media screen and (max-width:768px) {
    .mapReferences.greencolor .search-container .sel-facets-block {
        max-width: 100% !important;
        margin-bottom: 30px
    }
}

.mapReferences.greencolor .search-container .sel-facets-block .facet-name {
    background: #e3faf2;
    padding: 5px 10px;
    border-radius: 30px;
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
    font-size: 14px
}

.mapReferences.greencolor .search-container .sel-facets-block .facet-name .deselect-facet {
    cursor: pointer;
    margin: 5px;
    font-size: 17px;
    font-family: monospace;
    margin-right: 0
}

.mapReferences.greencolor .search-container .sel-facets-block .facet-name .deselect-facet:hover {
    color: #128370
}

.mapReferences.greencolor .search-container .sel-facets-block .clear-facets {
    float: right;
    margin-top: 10px;
    font-size: 16px;
    cursor: pointer;
    font-family: "APKProtocol Regular";
    margin-left: 10px
}

.mapReferences.greencolor .search-container .sel-facets-block .clear-facets:hover {
    text-decoration: underline
}

.mapReferences.greencolor .search-container .facets-container {
    float: left;
    display: block;
    margin-top: 11px
}

@media screen and (min-width:768px) {
    .mapReferences.greencolor .search-container .facets-container {
        display: block
    }
}

.mapReferences.greencolor .search-container .facets-container.showFacets {
    display: block
}

@media screen and (max-width:768px) {
    .mapReferences.greencolor .search-container .facets-container.showFacets {
        display: none
    }
}

@media screen and (max-width:768px) {
    .mapReferences.greencolor .search-container .facets-container {
        width: 100%;
        height: 100%;
        background: #fff;
        max-width: 100%;
        z-index: 100;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        position: fixed;
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 80px
    }
}

.mapReferences.greencolor .search-container .facets-container .mv-facet-header {
    width: auto;
    overflow: auto;
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.greencolor .search-container .facets-container .mv-facet-header {
        display: block
    }
}

.mapReferences.greencolor .search-container .facets-container .mv-facet-header nav {
    overflow: auto;
    white-space: nowrap;
    height: 35px;
    vertical-align: bottom;
    margin-top: 25px
}

.mapReferences.greencolor .search-container .facets-container .mv-facet-header nav .mv-facet-category {
    min-width: 100px;
    padding: 10px 20px;
    font-size: 14px;
    font-family: "APKProtocol Semibold";
    color: #969696;
    text-transform: uppercase
}

.mapReferences.greencolor .search-container .facets-container .mv-facet-header nav .mv-facet-category.active {
    color: #000;
    border-bottom: 2px solid #128370
}

.mapReferences.greencolor .search-container .facets-container .mv-facets-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #128370;
    font-family: "APKProtocol Regular";
    height: 80px;
    width: 100%;
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.greencolor .search-container .facets-container .mv-facets-footer {
        display: block
    }
}

.mapReferences.greencolor .search-container .facets-container .mv-facets-footer .close-facets {
    font-size: 14px;
    color: #fff;
    float: left;
    margin: 30px
}

.mapReferences.greencolor .search-container .facets-container .mv-facets-footer .apply-filters {
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 20px;
    background: #fff;
    color: #128370;
    float: right;
    margin: 20px
}

.mapReferences.greencolor .search-container .facets-container .facet-head {
    color: #969696;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px;
    font-size: 14px
}

@media screen and (max-width:768px) {
    .mapReferences.greencolor .search-container .facets-container .facet-head {
        display: none
    }
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper {
    margin-bottom: 10px
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-category {
    font-size: 16px;
    font-family: "APKProtocol Semibold";
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
    cursor: pointer
}

@media screen and (max-width:768px) {
    .mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-category {
        display: none
    }
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-category.open {
    border-bottom: 0
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-category.open span:after {
    content: '-'
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-category span:after {
    content: '+';
    font-size: 20px;
    margin-top: -5px;
    float: right;
    color: #128370
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content {
    cursor: pointer
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option {
    margin-left: 10px
}

@media screen and (max-width:768px) {
    .mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option {
        margin-left: 20px
    }
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option.hide-option {
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option.hide-option {
        display: block
    }
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option.show-option {
    display: block
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option.facet-disabled {
    display: none
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option input:checked~.checkmark {
    background-color: #128370
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option input:checked~.checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option input:checked~.checkmark::after {
    display: block
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option .checkmark {
    position: relative;
    left: 0;
    top: 7px;
    height: 24px;
    width: 24px;
    border-radius: 100%;
    background-color: #fff;
    border: solid 1px #e1e1e1;
    display: inline-block;
    margin-right: 10px
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option:hover input~.checkmark {
    background-color: #e1e1e1;
    border: 0
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option:hover input:checked~.checkmark {
    background-color: #128370;
    border: 0
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .facet-content .facet-option label {
    width: calc(100% - 50px);
    font-size: 14px;
    color: #000
}

.mapReferences.greencolor .search-container .facets-container .facets-wrapper .view-all {
    font-size: 14px;
    font-family: "APKProtocol Regular";
    float: right;
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.greencolor .search-container .facets-container .facets-wrapper .view-all {
        display: none !important
    }
}

.mapReferences.greencolor .search-container .mv-facets-link {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    margin-left: 15px;
    margin-bottom: 10px;
    display: none
}

@media screen and (max-width:768px) {
    .mapReferences.greencolor .search-container .mv-facets-link.show {
        display: block
    }
}

.mapReferences.greencolor .search-container .map-result {
    width: 100%;
    float: right
}

@media screen and (max-width:768px) {
    .mapReferences.greencolor .search-container .map-result {
        max-width: 100% !important
    }
}

.mapReferences.greencolor .search-container .location-list {
    width: 100%;
    height: auto;
    background: #e5e5e5;
    border-radius: 4px;
    margin-top: 30px
}

@media only screen and (max-width:767px) {
    .mapReferences.greencolor .search-container .location-list {
        width: 100%;
        height: auto;
        border-radius: 0
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.greencolor .search-container .location-list {
        border-radius: 4px
    }
}

.mapReferences.greencolor .search-container .location-inner {
    width: 100%;
    height: auto;
    border-radius: 4px;
    display: inline-block;
    padding: 30px 15px
}

@media only screen and (max-width:767px) {
    .mapReferences.greencolor .search-container .location-inner {
        margin: 0;
        width: 100%;
        height: auto;
        padding: 5%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.greencolor .search-container .location-inner {
        width: 100%
    }
}

.mapReferences.greencolor .search-container .location-spot {
    margin: 0;
    padding: 20px
}

@media only screen and (max-width:767px) {
    .mapReferences.greencolor .search-container .location-spot {
        height: auto;
        width: 100%;
        padding-left: 20px
    }
}

.mapReferences.greencolor .search-container .location-icon {
    display: flex;
    margin: 0;
    padding: 0;
    height: 50px;
    flex-wrap: wrap;
    float: left;
    width: 240px
}

@media only screen and (max-width:767px) {
    .mapReferences.greencolor .search-container .location-icon {
        float: none;
        width: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.greencolor .search-container .location-icon {
        float: left;
        width: 40%;
        padding-right: 10%;
        display: flex;
        flex-wrap: initial;
        padding-bottom: 10px
    }
}

.mapReferences.greencolor .search-container .location-icon img {
    margin: 0;
    margin: auto 0;
    height: 28px
}

.mapReferences.greencolor .search-container .location-name {
    margin: 0;
    height: 50px
}

.mapReferences.greencolor .search-container .location-name p {
    margin: 0;
    line-height: 50px;
    padding-left: 10px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mapReferences.greencolor .search-container .location-name p {
        padding-top: 15px;
        line-height: 20px
    }
}

.mapReferences.greencolor .search-container .wrap {
    display: flex;
    margin: 0;
    background: #fff;
    justify-content: space-around;
    border-radius: 4px;
    box-shadow: 6px 6px 8px -5px #a1a1a1
}

@media only screen and (max-width:767px) {
    .mapReferences.greencolor .search-container .wrap {
        display: inline-block;
        width: 100%;
        border-radius: 4px
    }
}

.mapReferences.greencolor .search-container .rs-container .rs-pointer {
    border: 2px solid #128370;
    border-radius: 25px;
    height: 25px;
    width: 25px
}

.mapReferences.greencolor .search-container .rs-container .rs-bg,
.mapReferences.greencolor .search-container .rs-container .rs-selected {
    height: 2px;
    top: 10px
}

.mapReferences.greencolor .search-container .rs-container .rs-selected {
    background-color: #128370;
    border: 1px solid #128370
}

.mapReferences.greencolor .search-container .rs-scale {
    display: none
}

.mapReferences.greencolor .search-container .slider-blk {
    margin-top: 40px
}

@media(max-width:767px) {
    .mapReferences.greencolor .search-container .slider-blk {
        margin-top: 50px
    }
}

.mapReferences.greencolor .search-container .slider-blk .rs-container {
    margin-left: 50px
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .mapReferences.greencolor .search-container .slider-blk .rs-container {
        margin-left: 20px
    }
}

.mapReferences.greencolor .search-container .slider-blk .rs-bg .min-val {
    float: left;
    margin-top: 20px;
    margin-left: -15px;
    font-family: "APKProtocol Regular";
    font-size: 14px
}

.mapReferences.greencolor .search-container .slider-blk .rs-bg .max-val {
    float: right;
    margin-top: 20px;
    margin-right: -15px;
    font-family: "APKProtocol Regular";
    font-size: 14px
}

.mapReferences.greencolor .search-container .slider-height {
    visibility: hidden;
    height: 1px;
    margin: 0
}

.mapReferences.greencolor .search-container .rs-tooltip {
    padding: 1px;
    border: 1px solid black;
    background-color: black;
    color: #fff;
    height: auto;
    min-width: 40px;
    font-size: 14px;
    font-family: "APKProtocol Medium"
}

@media(min-width:1200px) {
    .mapReferences.greencolor .search-container .rs-tooltip {
        display: none;
        min-width: 50px;
        padding: 2px
    }
}

@media(max-width:1200px) {
    .mapReferences.greencolor .search-container .rs-tooltip {
        transform: translate(-60%, -33px)
    }
}

@media(max-width:768px) {
    .mapReferences.greencolor .search-container .rs-tooltip {
        transform: translate(-50%, -33px)
    }
}

.mapReferences.greencolor .search-container .rs-tooltip:after {
    background: black;
    content: "";
    left: 0;
    position: absolute;
    bottom: 0;
    transform: translate(170%, 50%) rotate(-45deg);
    width: 10px;
    height: 10px
}

@media(max-width:767px) {
    .mapReferences.greencolor .search-container .rs-tooltip:after {
        width: 8px;
        height: 8px;
        transform: translate(150%, 50%) rotate(-45deg)
    }
}

.mapReferences.greencolor .search-container #mapR {
    width: 100%;
    height: 450px
}

@media(min-width:768px) {
    .mapReferences.greencolor .search-container #mapR {
        height: 500px
    }
}

@media screen and (min-width:1400px) {
    .mapReferences.greencolor .search-container #mapR {
        height: 550px
    }
}

.mapReferences.greencolor .search-container .selected-ref {
    float: right;
    margin-top: 25px;
    margin-bottom: 0
}

@media(max-width:768px) {
    .mapReferences.greencolor .search-container .selected-ref {
        float: left;
        margin-top: 15px
    }
}

.mapReferences.greencolor .search-container .info-window {
    background-color: #fff;
    display: flex;
    padding: 15px
}

@media(max-width:767px) {
    .mapReferences.greencolor .search-container .info-window {
        display: block
    }
}

.mapReferences.greencolor .search-container .info-window .info-blk .info-link a {
    color: #128370;
    text-decoration: underline !important
}

.mapReferences.greencolor .search-container .info-window .info-img {
    max-width: 125px;
    margin: auto 30px;
    margin-right: 0
}

.mapReferences.greencolor .search-container .info-window .info-img img {
    width: 100%;
    border-radius: 5px
}

@media(max-width:767px) {
    .mapReferences.greencolor .search-container .info-window .info-img {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

.mapReferences.greencolor .search-container .info-window .marker-details {
    display: flex
}

.mapReferences.greencolor .search-container .info-window .marker-details .marker-title {
    font-family: "APKProtocol Medium";
    font-size: 14px;
    margin-bottom: 0;
    min-width: 135px;
    line-height: 1.8
}

@media(max-width:767px) {
    .mapReferences.greencolor .search-container .info-window .marker-details .marker-title {
        min-width: 130px
    }
}

.mapReferences.greencolor .search-container .info-window .marker-details .marker-text {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8;
    max-width: 200px
}

.mapReferences.greencolor .search-container .gm-style-iw {
    padding: 10px
}

.mapReferences.greencolor .search-container .gm-style .gm-style-iw-c {
    border-radius: 3px
}

.mapReferences.greencolor .search-container .gm-ui-hover-effect {
    top: 0 !important;
    right: 6px !important
}

.mapReferences.greencolor .search-container .gm-ui-hover-effect img {
    width: 23px !important;
    height: 23px !important
}

.mapReferences.greencolor .info-window {
    background-color: #fff;
    display: flex;
    padding: 15px
}

@media(max-width:767px) {
    .mapReferences.greencolor .info-window {
        display: block
    }
}

.mapReferences.greencolor .info-window .info-blk .info-link a {
    color: #128370;
    text-decoration: underline !important
}

.mapReferences.greencolor .info-window .info-img {
    max-width: 125px;
    margin: auto 30px;
    margin-right: 0
}

.mapReferences.greencolor .info-window .info-img img {
    width: 100%;
    border-radius: 5px
}

@media(max-width:767px) {
    .mapReferences.greencolor .info-window .info-img {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

.mapReferences.greencolor .info-window .marker-details {
    display: flex
}

.mapReferences.greencolor .info-window .marker-details .marker-title {
    font-family: "APKProtocol Medium";
    font-size: 14px;
    margin-bottom: 0;
    min-width: 135px;
    line-height: 1.8
}

@media(max-width:767px) {
    .mapReferences.greencolor .info-window .marker-details .marker-title {
        min-width: 130px
    }
}

.mapReferences.greencolor .info-window .marker-details .marker-text {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8;
    max-width: 200px
}

.mapReferences #infoModal .modal-header {
    height: 0;
    padding: 0;
    background-color: transparent;
    border-bottom: 0
}

.mapReferences #infoModal button.close {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 35px;
    color: #fff;
    opacity: 1
}

.mapReferences #clipborad-el {
    width: 5px !important;
    height: 5px !important;
    border: 0 !important;
    background: #fff !important;
    padding: 0 !important;
    color: #fff !important
}

.mapReferences .share-tooltip {
    position: absolute;
    top: -20px;
    right: 0
}

.mapReferences .s-wrap {
    display: flex;
    position: static;
    float: right;
    margin-top: 10px
}

.mapReferences .share-icon {
    cursor: pointer;
    font-size: 16px;
    font-family: "APKProtocol Regular";
    position: relative
}

.mapReferences .share-txt {
    cursor: pointer
}

.mapReferences .hor-share-icon {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/share-icon.svg');
    background-size: 100% 100%;
    position: relative;
    width: 25px !important;
    height: 25px;
    margin-right: 5px;
    float: right;
    margin-top: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer
}

.mapReferences #myModal .close {
    opacity: 1;
    color: #fff;
    text-shadow: 0 0 black;
    font-weight: lighter
}

.molykote-prod-comparator {
    margin: auto;
    background: white
}

.molykote-prod-comparator .wrapper {
    position: relative;
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.molykote-prod-comparator .wrapper table {
    border: 0;
    table-layout: fixed;
    margin-bottom: 0
}

.molykote-prod-comparator .wrapper::-webkit-scrollbar {
    display: none
}

.molykote-prod-comparator .sticky-col {
    position: sticky;
    position: -webkit-sticky;
    z-index: 10
}

.molykote-prod-comparator .first-col {
    text-align: right;
    left: 0;
    vertical-align: middle;
    background: white;
    z-index: 10
}

.molykote-prod-comparator th {
    padding: 1.25rem;
    width: 250px;
    font-size: 14px;
    font-weight: normal;
    top: 0;
    vertical-align: top !important;
    border-top: 0
}

.molykote-prod-comparator th:first-child {
    vertical-align: middle !important
}

.molykote-prod-comparator td {
    border: 0;
    font-size: 14px;
    padding: 1.25rem;
    overflow: hidden
}

.molykote-prod-comparator .comparator-controls {
    text-align: right
}

.molykote-prod-comparator .comparator-controls button {
    background-color: white;
    font-size: 10px;
    height: 18px;
    width: 25px;
    border-width: 1px
}

.molykote-prod-comparator .comparator-controls button:focus {
    outline: 0
}

.molykote-prod-comparator .comparator-controls span {
    font-size: 14px
}

.molykote-prod-comparator .comparator-status {
    text-align: right
}

@media(max-width:767px) {
    .molykote-prod-comparator .first-col {
        width: 33vw;
        padding: .5rem
    }

    .molykote-prod-comparator th {
        width: 33vw;
        padding: .5rem
    }

    .molykote-prod-comparator .comparator-controls {
        text-align: center
    }

    .molykote-prod-comparator .comparator-status {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: column-reverse
    }
}

.molykote-prod-comparator .mk-prod-ckh-icon {
    width: 20px;
    height: 20px;
    padding-right: 5px;
    padding-top: 5px
}

@media(max-width:767px) {
    .molykote-prod-comparator .mk-prod-name {
        padding-top: 25px
    }

    .molykote-prod-comparator .mk-prod-ckh-icon {
        position: absolute;
        top: 5px
    }
}

.wr-viewer {
    width: 100%;
    height: 100vh;
    max-height: 800px
}

.wr-viewer .bg-image-wrapper {
    position: absolute;
    overflow: hidden;
    width: 100%;
    margin: auto;
    height: calc(100vh);
    max-height: 800px;
    display: flex;
    animation: bgfade 15s infinite;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.wr-viewer .bg-image-wrapper img {
    width: 100%;
    object-fit: contain
}

.wr-viewer .bg-image-wrapper .wr-loader {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    margin: auto;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #beff00;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.wr-viewer .wr-container {
    visibility: hidden
}

.wr-viewer .wr-container .responsive-wrapper-demo-do-not-copy,
.wr-viewer .wr-container .wr360_player {
    margin: auto !important
}

.wr-viewer #hs-slideout-wrapper {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100000;
    overflow: auto
}

.wr-viewer #hs-slideout-wrapper .close-btn {
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    cursor: pointer;
    position: fixed;
    left: 10%;
    z-index: 1000;
    font-size: 22px;
    padding: 10px;
    display: none;
    background: #fff;
    border-radius: 25px;
    margin-left: 5px;
    margin-top: 5px
}

.wr-viewer #hs-slideout-wrapper .close-btn:before {
    position: relative;
    top: -5px;
    left: -2px
}

.wr-viewer #hs-slideout-wrapper .hs-slideout {
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
    background: #fff;
    overflow-x: hidden;
    min-height: 100%
}

.wr-viewer #hs-slideout-wrapper .hs-slideout.animate {
    width: 0;
    visibility: visible;
    animation: wrbringleft 500ms linear 10ms 1 forwards;
    -webkit-animation: wrbringleft 500ms linear 10ms 1 forwards;
    animation-timing-function: linear
}

@keyframes wrbringleft {
    1% {
        width: 0
    }

    100% {
        width: 90%
    }
}

@-webkit-keyframes wrbringleft {
    1% {
        width: 0
    }

    100% {
        width: 90%
    }
}

.wr-viewer #hs-slideout-wrapper .hs-slideout iframe {
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    background: 0
}

.wr-viewer #hs-slideout-wrapper .so-loader {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(55% - 30px);
    margin: auto;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #beff00;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: none
}

@-webkit-keyframes spin {
    0 {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0 {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.wr-viewer .hover-popup {
    position: absolute;
    width: 200px;
    background: #fff;
    border-radius: 6px;
    padding: 10px 15px;
    border: solid 1px #efefef;
    box-shadow: 0 -1px 8px #ccc;
    display: none;
    z-index: 10
}

.hero-podCastView .container {
    max-width: 1440px;
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .hero-podCastView .container {
        padding-right: 94px;
        padding-left: 94px
    }
}

.hero-podCastView .hero-img {
    height: 250px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media(min-width:414px) {
    .hero-podCastView .hero-img {
        height: 300px
    }
}

@media(min-width:768px) {
    .hero-podCastView .hero-img {
        height: 600px
    }
}

@media(min-width:1200px) {
    .hero-podCastView .hero-img {
        height: 800px
    }
}

.hero-podCastView .hero-img .podCast-sec {
    height: 100%;
    display: flex;
    align-items: flex-end
}

.hero-podCastView .hero-img .podCast-sec .podCast-link {
    display: flex;
    width: 100%;
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
    position: relative;
    height: 50%
}

.hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px;
    padding: 12px 9px 12px 8px;
    background-color: #beff00
}

@media(min-width:768px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast {
        width: 200px;
        height: 200px;
        padding: 16px
    }
}

@media(min-width:992px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast {
        width: 220px;
        height: 220px;
        padding: 23px
    }
}

.hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast .icon-time {
    display: flex;
    height: 25px;
    margin-bottom: 10px
}

@media(min-width:768px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast .icon-time {
        height: 50px;
        margin-bottom: 30px
    }
}

@media(min-width:992px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast .icon-time {
        margin-bottom: 50px
    }
}

.hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast .icon-time img {
    width: 25px;
    height: 100%
}

@media(min-width:768px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast .icon-time img {
        width: 50px
    }
}

.hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast .icon-time .podCast-time {
    font-size: 12px;
    font-family: "APKProtocol Regular";
    color: #fff;
    margin-left: 5px
}

@media(min-width:768px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast .icon-time .podCast-time {
        font-size: 18px
    }
}

@media(min-width:768px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast .icon-time .podCast-time {
        font-size: 18px;
        padding-top: 10px;
        margin-left: 20px;
        letter-spacing: 1.35px
    }
}

@media(max-width:768px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast .icon-time .podCast-time {
        margin-top: 5px
    }
}

.hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast .month-date p {
    margin-bottom: auto;
    margin-top: auto;
    color: #fff;
    font-family: "APKProtocol Regular";
    font-size: 12px;
    line-height: normal
}

@media(min-width:768px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .pod-cast .month-date p {
        font-size: 24px
    }
}

.hero-podCastView .hero-img .podCast-sec .podCast-link .podCastlink {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    margin-bottom: 23px;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:374px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .podCastlink {
        margin-bottom: 10px
    }
}

@media(min-width:576px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .podCastlink {
        margin-bottom: 20px
    }
}

@media(min-width:768px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .podCastlink {
        margin-bottom: 30px
    }
}

@media(min-width:992px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .podCastlink {
        margin-bottom: 50px
    }
}

.hero-podCastView .hero-img .podCast-sec .podCast-link .podCastlink .fa-long-arrow-alt-right:before {
    font-size: 14px
}

@media(min-width:992px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .podCastlink .fa-long-arrow-alt-right:before {
        font-size: 30px
    }
}

.hero-podCastView .hero-img .podCast-sec .podCast-link .podCastlink .podCastlink-text {
    padding-left: 40px;
    padding-right: 40px;
    font-family: "APKProtocol Regular";
    font-size: 24px;
    color: #fff;
    line-height: normal;
    cursor: pointer
}

@media(max-width:374px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .podCastlink .podCastlink-text {
        font-size: 18px
    }
}

@media(max-width:479px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .podCastlink .podCastlink-text {
        font-size: 20px
    }
}

@media(min-width:768px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .podCastlink .podCastlink-text {
        font-size: 48px
    }
}

@media(min-width:1200px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link .podCastlink .podCastlink-text {
        font-size: 60px
    }
}

.hero-podCastView .hero-img .podCast-sec .podCast-link .podCastlink .podCastlink-text span {
    font-size: 20px
}

.hero-podCastView .hero-img .podCast-sec .podCast-link.webinar-box .pod-cast {
    display: block
}

.hero-podCastView .hero-img .podCast-sec .podCast-link.webinar-box .podCastlink {
    margin-left: 100px
}

@media(min-width:768px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link.webinar-box .podCastlink {
        margin-left: 200px
    }
}

@media(min-width:992px) {
    .hero-podCastView .hero-img .podCast-sec .podCast-link.webinar-box .podCastlink {
        margin-left: 220px
    }
}

.hero-podCastView .hero-img .podCast-sec .podCast-link.webinar-box .podCastlink-text {
    max-width: 900px;
    padding-left: 0;
    padding-right: 0
}

.hero-podCastView .hero-img.video-play {
    cursor: default
}

.hero-podCastView .hero-img.video-play .podCast-link {
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
    height: 100%
}

.hero-podCastView .hero-img.video-play .podCast-link .podCastlink-text {
    cursor: default !important
}

.hero-podCastView .hero-img.video-play .playpause {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/video-play.svg');
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    background-size: contain;
    position: absolute;
    left: 50%;
    margin-left: -45px;
    top: 50%;
    margin-top: -45px;
    transition: all .2s ease-in-out;
    cursor: pointer
}

@media(min-width:768px) and (max-width:1024px) {
    .hero-podCastView .modal .modal-dialog {
        max-width: 85%
    }
}

.hero-podCastView .modal .modal-dialog .modal-content {
    background-color: transparent;
    border: 0
}

.hero-podCastView .modal .modal-dialog .modal-content .close {
    position: absolute;
    right: -35px;
    top: -35px;
    opacity: 1
}

@media(max-width:520px) {
    .hero-podCastView .modal .modal-dialog .modal-content .close {
        right: 0;
        top: -50px
    }
}

.hero-podCastView .modal .modal-dialog .modal-content .close img {
    font-size: 50px;
    width: 20px
}

.hero-podCastView .modal .modal-dialog .modal-content .modal-body {
    padding: 0
}

.hero-podCastView .modal .modal-dialog .modal-content .modal-body .video {
    width: 100%
}

.hero-podCastView .modal .modal-dialog .modal-content .modal-body .iframe-video {
    height: 200px
}

.hero-podCastView .modal .modal-dialog .modal-content .modal-body .iframe-video video {
    background-color: transparent;
    margin: 0
}

@media(min-width:411px) {
    .hero-podCastView .modal .modal-dialog .modal-content .modal-body .iframe-video {
        height: 250px
    }
}

@media(min-width:768px) {
    .hero-podCastView .modal .modal-dialog .modal-content .modal-body .iframe-video {
        height: 400px
    }
}

@media(min-width:1024px) {
    .hero-podCastView .modal .modal-dialog .modal-content .modal-body .iframe-video {
        height: 550px
    }
}

@media(min-width:1200px) {
    .hero-podCastView .modal .modal-dialog .modal-content .modal-body .iframe-video {
        height: 650px
    }
}

.hero-podCastView .modal#jPlayereModalCenter {
    display: none
}

.hero-podCastView .modal#jPlayereModalCenter .close {
    opacity: 1;
    font-size: 40px;
    color: #fff;
    text-align: right;
    outline: 0
}

.hero-podCastView .modal#jPlayereModalCenter .modal-dialog.modal-dialog-centered {
    justify-content: center
}

.hero-podCastView .modal#jPlayereModalCenter .modal-content {
    background-color: transparent;
    border: 0;
    width: auto
}

.hero-podCastView .modal#jPlayereModalCenter .modal-content .modal-header {
    border: 0
}

.hero-podCastView .modal#jPlayereModalCenter .modal-content .modal-body {
    padding: 0
}

.hero-podCastView #jp_container_1 {
    display: none;
    margin: 0 auto
}

@media(max-width:576px) {
    .hero-podCastView #jp_container_1.jp-audio {
        width: 250px
    }
}

@media(max-width:576px) {
    .hero-podCastView #jp_container_1.jp-audio .jp-type-single .jp-progress {
        width: 120px
    }
}

@media(max-width:576px) {
    .hero-podCastView #jp_container_1.jp-audio .jp-type-single .jp-time-holder {
        width: 120px
    }
}

@media(max-width:576px) {
    .hero-podCastView #jp_container_1.jp-audio .jp-type-single .jp-time-holder .jp-current-time {
        width: 35px
    }
}

.hero-podCastView #jp_container_1.jp-audio .jp-controls {
    width: auto
}

@media(max-width:576px) {
    .hero-podCastView #jp_container_1.jp-audio .jp-volume-controls {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .eduhub-accordion-filters {
        padding: 0 94px
    }
}

.eduhub-accordion-filters .eduhub-heading {
    font-family: "APKProtocol Regular";
    width: auto;
    height: 66px;
    font-size: 72px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.36px;
    text-align: center;
    color: #000;
    margin: 0 auto 78px auto;
    position: relative
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .eduhub-heading {
        font-size: 36px;
        margin-bottom: 48px
    }
}

.eduhub-accordion-filters .eduhub-heading::after {
    content: "";
    width: 51px;
    height: 2px;
    background: #beff00;
    display: block;
    position: absolute;
    bottom: -41px;
    left: 47%;
    right: auto
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .eduhub-heading::after {
        bottom: 0
    }
}

.eduhub-accordion-filters .acc-buttons {
    background: #ebebeb !important;
    height: auto;
    margin: 0 auto;
    max-width: 1440px;
    display: flex;
    width: 100%
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons {
        max-width: 100%;
        display: inline-block
    }
}

@media screen and (max-width:1023px) {
    .eduhub-accordion-filters .acc-buttons {
        padding: 0 33px 60px 33px;
        height: auto
    }
}

@media screen and (min-width:1024px) and (max-width:1359px) {
    .eduhub-accordion-filters .acc-buttons {
        padding-bottom: 60px
    }
}

@media screen and (min-width:1360px) {
    .eduhub-accordion-filters .acc-buttons {
        padding-bottom: 70px
    }
}

@media(min-width:1024px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content {
        width: 500px;
        margin: 77px 0 0 40px
    }
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap {
        margin: 30px 0
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap {
        margin: 77px 15px 0 5px
    }
}

@media screen and (min-width:1024px) and (max-width:1360px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap {
        margin: 0 65px 0 5px
    }
}

.eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap h2 {
    width: auto;
    line-height: 44px;
    font-weight: normal;
    padding-bottom: 10px;
    font-family: "APKProtocol Regular";
    font-size: 48px;
    text-align: left;
    color: #000
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap h2 {
        text-align: center
    }
}

.eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap h3 {
    width: auto;
    line-height: 44px;
    padding-bottom: 10px;
    font-weight: normal;
    font-family: "APKProtocol Regular";
    font-size: 32px;
    text-align: left;
    color: #000
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap h3 {
        text-align: center
    }
}

.eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap p {
    width: auto;
    line-height: 22px;
    font-family: "APKProtocol Regular";
    font-size: 24px;
    text-align: left;
    color: #000
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-left-content .acc-left-wrap p {
        text-align: center;
        margin-top: 20px
    }
}

.eduhub-accordion-filters .acc-buttons .acc-right-buttons {
    margin: 150px 0 0 0;
    width: 550px
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons {
        width: 100%;
        margin: 40px 0;
        display: inline-block;
        text-align: center
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons {
        margin: 80px 0 0 0;
        text-align: center;
        width: 60%
    }
}

@media screen and (min-width:1024px) and (max-width:1360px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons {
        margin-top: 80px !important;
        width: 45%
    }
}

.eduhub-accordion-filters .acc-buttons .acc-right-buttons button {
    line-height: 20px;
    padding-top: 6px;
    width: 218px;
    height: 51px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    transition: .2s all linear;
    background: 0;
    display: inline-block;
    border: solid 1px #000;
    border-radius: 25px;
    text-decoration: none;
    color: #000;
    letter-spacing: 2.4px;
    font-family: "APKProtocol Bold"
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons button {
        line-height: 15px !important;
        padding-top: 6px
    }
}

.eduhub-accordion-filters .acc-buttons .acc-right-buttons button:hover {
    border: solid 1px #beff00;
    color: #beff00;
    transition: .2s all linear
}

@media screen and (max-width:479px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons button {
        width: 160px;
        height: 45px;
        font-size: 12px;
        line-height: 46px;
        margin-bottom: 15px !important
    }
}

@media screen and (min-width:480px) and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons button {
        width: 180px;
        height: 45px;
        font-size: 12px;
        line-height: 46px
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons button {
        width: 148px;
        margin: 12px !important
    }
}

@media screen and (min-width:1024px) and (max-width:1360px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons button {
        width: 158px
    }
}

.eduhub-accordion-filters .acc-buttons .acc-right-buttons button.active {
    font-family: "APKProtocol Bold";
    color: #beff00;
    border: solid 1px #beff00
}

.eduhub-accordion-filters .acc-buttons .acc-right-buttons .btn-click {
    margin: 26px
}

@media screen and (max-width:767px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons .btn-click {
        margin: 10px !important
    }
}

@media screen and (min-width:1024px) and (max-width:1199px) {
    .eduhub-accordion-filters .acc-buttons .acc-right-buttons .btn-click {
        margin: 12px
    }
}

.eduhub-accordion-filters button:focus {
    outline: 0
}

@media screen and (max-width:767px) {
    .eduhub-maincontainer .container {
        min-width: 100%;
        padding: 0 33px
    }
}

@media screen and (max-width:1023px) {
    .eduhub-maincontainer .container {
        padding: 0 33px !important
    }
}

.eduhub-maincontainer .edu-airsealing h2 {
    font-size: 48px;
    font-weight: normal;
    letter-spacing: -0.36px;
    text-align: center;
    font-family: "APKProtocol Regular";
    color: #000;
    margin: 0 auto 162px auto;
    position: relative;
    line-height: normal
}

@media screen and (max-width:767px) {
    .eduhub-maincontainer .edu-airsealing h2 {
        margin: 0 auto 71px auto;
        width: 100%;
        margin-bottom: 40px
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .eduhub-maincontainer .edu-airsealing h2 {
        margin-bottom: 80px
    }
}

@media(min-width:992px) {
    .eduhub-maincontainer .edu-airsealing h2 {
        font-size: 60px
    }
}

@media(min-width:1200px) {
    .eduhub-maincontainer .edu-airsealing h2 {
        font-size: 72px
    }
}

.eduhub-maincontainer .edu-airsealing h2::after {
    content: "";
    width: 50px;
    height: 2px;
    background: #beff00;
    display: block;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 25px);
    right: auto
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols {
    display: flex
}

@media screen and (max-width:992px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols {
        flex-wrap: wrap
    }
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-image {
    width: 62%;
    height: 800px;
    position: relative
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-image:before {
    content: '';
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%
}

@media screen and (max-width:992px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-image {
        width: 100%;
        height: auto
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-image {
        height: 600px
    }
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-image img {
    width: 100%;
    object-fit: cover;
    height: 100%
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-image span {
    font-family: "APKProtocol Medium";
    position: relative;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.33;
    text-align: left;
    width: 100%;
    max-width: 65%;
    padding-right: 20px;
    color: #fff;
    margin: -140px auto 0 auto;
    bottom: 0;
    left: auto;
    display: -webkit-box;
    height: 90px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/arrow-white.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-position: right center;
    background-size: 15px
}

@media screen and (max-width:479px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-image span {
        left: 5%;
        font-size: 20px;
        margin: 0 auto;
        bottom: 60px;
        height: 50px
    }
}

@media screen and (min-width:480px) and (max-width:767px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-image span {
        left: 10%;
        font-size: 24px;
        bottom: 0
    }
}

@media screen and (max-width:767px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-image span {
        left: auto;
        width: 100%
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-image span {
        left: 0;
        bottom: 10px;
        width: 100%;
        padding: 0 5%;
        font-size: 24px
    }
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content {
    width: 28%;
    height: 800px;
    margin-left: 13%
}

@media screen and (max-width:992px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content {
        width: 100%;
        margin-top: 47px;
        margin-left: 0;
        height: auto;
        margin-bottom: 40px
    }
}

@media screen and (min-width:992px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content {
        margin-left: 3%
    }
}

@media screen and (min-width:1200px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content {
        margin-left: 5%
    }
}

@media screen and (min-width:1440px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content {
        margin-left: 90px
    }
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content h3 {
    width: auto;
    font-family: "APKProtocol Bold";
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: 2.8px;
    text-align: justify;
    color: #beff00
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content ul {
    padding: 0;
    margin-top: 62px
}

@media screen and (max-width:992px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content ul {
        margin-top: 34px
    }
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content ul li {
    list-style-type: none;
    width: 314px;
    margin-bottom: 41px;
    font-family: "APKProtocol Regular";
    text-align: left;
    position: relative
}

@media screen and (max-width:992px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content ul li {
        width: 90%
    }
}

@media screen and (min-width:992px) and (max-width:1024px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content ul li {
        width: 230px;
        margin-bottom: 24px
    }
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content ul li a {
    color: #000;
    width: 299px;
    height: 70px;
    font-size: 24px;
    transition: all .3s linear;
    font-family: "APKProtocol Regular";
    overflow: hidden;
    line-height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media screen and (max-width:992px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content ul li a {
        width: 100%
    }
}

@media screen and (min-width:992px) and (max-width:1024px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content ul li a {
        width: 80%;
        font-size: 20px
    }
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content ul li a:hover {
    color: #beff00;
    transition: all .3s linear
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content ul li span img {
    width: 13px;
    height: 8px
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content .edu-airsealing-view-more {
    width: 218px;
    height: 51px;
    border-radius: 25px;
    border: solid 1px #000;
    margin-top: 105px
}

@media screen and (max-width:767px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content .edu-airsealing-view-more {
        margin: 56px auto 0 auto
    }
}

@media screen and (min-width:1024px) and (max-width:1199px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content .edu-airsealing-view-more {
        margin-top: 70px
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content .edu-airsealing-view-more {
        margin-top: 45px
    }
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content .edu-airsealing-view-more:hover {
    border: solid 1px #beff00
}

.eduhub-maincontainer .edu-airsealing .edu-airsealing-cols .airseal-content .edu-airsealing-view-more a {
    width: auto;
    font-family: "APKProtocol Bold";
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 54px;
    letter-spacing: 2.4px;
    text-align: justify;
    color: #beff00;
    padding: 21px 55px 17px 55px
}

.image-right .airseal-content {
    margin-left: 0 !important
}

.story-package.image-right .edu-airsealing-cols {
    flex-direction: row-reverse;
    justify-content: space-between
}

.story-package.image-right .airseal-content {
    margin-left: 0
}

.airseal-content span {
    position: absolute;
    right: -20px;
    top: 20px
}

.image-zoom-round {
    padding-left: 94px;
    padding-right: 15px
}

.image-zoom-round>.row {
    margin: 0
}

.image-zoom-round--thumbnail a {
    display: inline-block
}

.image-zoom-round--thumbnail img {
    max-width: 100%;
    border-radius: 50%;
    border: 2px solid transparent
}

.image-zoom-round--thumbnail {
    overflow: hidden;
    margin-bottom: 5px
}

.image-zoom-round--large {
    flex-grow: 1;
    max-width: unset
}

.image-zoom-round--small {
    max-width: 10%;
    padding-top: 10px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.image-zoom-round--small::-webkit-scrollbar {
    display: none
}

.image-zoom-round--image img {
    width: 90%;
    border-radius: 50%;
    object-fit: cover
}

.image-zoom-round--title h2 {
    margin-bottom: 25px;
    font-size: 48px;
    letter-spacing: -0.24px;
    line-height: normal;
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 40px
}

.image-zoom-round--body p {
    font-style: italic;
    font-size: 24px;
    line-height: normal;
    letter-spacing: normal;
    padding-left: 40px
}

@media(max-width:1023px) {
    .image-zoom-round {
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width:767px) {
    .image-zoom-round>.row {
        flex-direction: column-reverse
    }

    .image-zoom-round--large {
        flex-direction: column-reverse
    }

    .image-zoom-round--title h2 {
        font-size: 42px;
        padding-bottom: 25px
    }

    .image-zoom-round--body p {
        font-size: 18px;
        padding-left: 0;
        margin-bottom: 30px
    }

    .image-zoom-round--small {
        max-width: unset;
        display: flex
    }

    .image-zoom-round--thumbnail {
        flex: 0 0 25%;
        padding-right: 5px
    }

    .image-zoom-round--large {
        flex-direction: column-reverse
    }

    .image-zoom-round--small {
        max-width: unset;
        min-width: calc(100% - 60px);
        justify-content: center;
        display: flex;
        margin-left: 30px;
        margin-right: 30px;
        padding: 0 !important;
        width: unset;
        margin-top: 15px
    }

    .image-zoom-round--image {
        text-align: center
    }

    .image-zoom-round--large {
        margin: 0
    }

    .image-zoom-round--image img {
        width: 75%
    }
}

.image-gallery .image-zoom-round .cta-block {
    text-align: center;
    display: none;
    position: absolute
}

@media(min-width:768px) {
    .image-gallery .image-zoom-round .cta-block {
        max-width: 80%
    }
}

@media(max-width:767px) {
    .image-gallery .image-zoom-round .cta-block {
        padding-left: 33px;
        padding-right: 33px;
        bottom: -100px;
        width: 100%
    }
}

@media(min-width:767px) and (max-width:1200px) {
    .image-gallery .image-zoom-round .cta-block {
        padding-left: 15px;
        padding-right: 15px;
        width: 45%
    }
}

@media(min-width:767px) {
    .image-gallery .image-zoom-round .cta-block {
        width: 45%
    }
}

@media(max-width:767px) {
    .image-gallery .image-zoom-round .cta-block {
        bottom: -100px;
        top: unset
    }
}

.image-gallery .image-zoom-round .cta-block a {
    color: #beff00;
    line-height: normal;
    border: 1px solid #beff00
}

.image-gallery .image-zoom-round .cta-block a:active {
    background-color: transparent
}

.image-gallery .image-zoom-round .cta-block a:empty {
    border: 0
}

.image-gallery.tedlar-map-view .image-zoom-round--title h2:empty {
    display: none
}

.image-gallery.tedlar-map-view .image-zoom-round .image-zoom-round--body p {
    padding-left: 0;
    font-style: normal
}

.image-gallery.tedlar-map-view .image-zoom-round .cta-block {
    display: block
}

.image-gallery.tedlar-map-view .image-zoom-round .row {
    position: relative
}

.cmp-rf-extension #rf-ext-container .filters-wrapper {
    padding: 50px 40px;
    display: flex;
    margin: 0 0 30px 0
}

@media only screen and (max-width:767px) {
    .cmp-rf-extension #rf-ext-container .filters-wrapper {
        margin: 0 -15px 30px -15px;
        padding: 40px 15px
    }
}

.cmp-rf-extension #rf-ext-container .filters-wrapper .right-block {
    padding-top: 35px
}

.cmp-rf-extension #rf-ext-container .filters-wrapper .right-block .filters-container .filter-btn {
    padding: 6px 30px;
    border: 1px solid #000;
    border-radius: 25px;
    cursor: pointer;
    font-size: 12px;
    font-family: "APKProtocol Bold";
    margin-right: 3%;
    margin-bottom: 20px;
    max-width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 40px;
    float: left
}

@media only screen and (max-width:1023px) {
    .cmp-rf-extension #rf-ext-container .filters-wrapper .right-block .filters-container .filter-btn {
        max-width: 47%
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .cmp-rf-extension #rf-ext-container .filters-wrapper .right-block .filters-container .filter-btn {
        max-width: 30%
    }
}

.cmp-rf-extension #rf-ext-container .filters-wrapper .right-block .filters-container .filter-btn div {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
    line-height: 15px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.cmp-rf-extension #rf-ext-container .filters-wrapper .right-block .filters-container .filter-btn:hover,
.cmp-rf-extension #rf-ext-container .filters-wrapper .right-block .filters-container .filter-btn.active {
    border: 1px solid #beff00;
    color: #beff00
}

.cmp-rf-extension #rf-ext-container .results-section {
    float: left;
    width: 100%;
    overflow-x: hidden
}

.cmp-rf-extension #rf-ext-container .results-section.bgOn {
    padding: 10px 30px 10px 30px
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section.bgOn {
        padding: 15px 0 0 0
    }
}

.cmp-rf-extension #rf-ext-container .results-section .top-row {
    margin-top: 20px
}

.cmp-rf-extension #rf-ext-container .results-section .caption {
    float: left;
    padding-top: 5px
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .caption {
        padding-left: 15px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .sort-by {
    float: right;
    font-size: 18px;
    font-family: "APKProtocol Bold";
    color: #beff00;
    margin-right: -20px
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .sort-by {
        margin-right: -5px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .sort-by .label {
    margin-right: 10px;
    position: relative;
    top: 5px
}

.cmp-rf-extension #rf-ext-container .results-section .sort-by div {
    font-size: 30px;
    color: #beff00;
    cursor: pointer;
    width: 20px;
    height: 20px;
    overflow: hidden
}

.cmp-rf-extension #rf-ext-container .results-section .sort-by div.down-arrow {
    position: relative;
    top: 10px;
    left: -20px;
    height: 10px;
    z-index: 1
}

.cmp-rf-extension #rf-ext-container .results-section .sort-by div.down-arrow:before {
    display: inline-block;
    line-height: 10px;
    position: relative;
    top: -11px
}

.cmp-rf-extension #rf-ext-container .results-section .sort-by div.up-arrow {
    position: relative;
    top: -3px;
    z-index: 1
}

.cmp-rf-extension #rf-ext-container .results-section .sort-by div.up-arrow:before {
    display: inline-block;
    line-height: 10px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container {
    margin: 20px -15px 0 -15px;
    width: calc(100% + 30px);
    position: relative;
    top: -10px
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container {
        margin: 20px 0 0 0;
        width: 100%
    }
}

@media only screen and (min-width:576px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container.product-list {
        margin: 20px -30px 0 -30px;
        width: calc(100% + 60px)
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .col-sm-6 {
    width: 50%
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list {
    margin-top: 25px;
    position: relative
}

@media only screen and (min-width:576px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.product {
        padding: 30px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.product .page-name {
    max-height: none
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.product .page-name a {
    font-size: 22px;
    line-height: 30px
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.product .page-name a {
        font-size: 16px;
        line-height: 16px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article {
    overflow: hidden;
    margin-top: 20px;
    padding: 0
}

@media only screen and (min-width:768px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article {
        margin-top: 50px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article:first-child {
    margin-top: 20px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article .bg-img {
    float: left;
    padding: 0;
    height: 400px;
    padding-left: 15px
}

@media only screen and (max-width:767px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article .bg-img {
        padding-left: 0
    }
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article .bg-img {
        height: 280px;
        margin-left: 0
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article .bg-img .res-img {
    height: 400px;
    max-width: 480px;
    margin: auto
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article .bg-img .res-img {
        height: 280px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article .page-name {
    max-height: none;
    padding-top: 15px
}

@media only screen and (min-width:768px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article .page-name {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        padding-top: 0;
        padding-left: 50px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article .page-name a {
    font-size: 30px;
    line-height: 30px
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article .page-name a {
        font-size: 18px;
        line-height: 18px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article .page-name .eyebrow {
    display: block;
    margin-bottom: 25px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article .page-name .dvdr {
    width: 50px;
    height: 2px;
    background: #beff00;
    display: block;
    margin-top: 20px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list.article .page-name .desc {
    display: block;
    margin-top: 20px;
    font-family: "APKProtocol Regular Italic"
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .bg-img {
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30% 30%;
    height: 200px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .bg-img.page {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/page.svg')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .bg-img.pdf {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/pdf-icon.svg')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .bg-img.ppt {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/powerpoint-icon.svg')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .bg-img.doc {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/word-icon.svg')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .bg-img.sheet {
    background-image: url('https://www.qnityelectronics.com/content/dam/electronics/amer/us/en/electronics/general/icons/sheet-icon.png')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .bg-img .res-img {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #f6f6f6
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .res-name,
.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .page-name {
    margin: 10px 0 35px 0;
    max-height: 100px;
    overflow: hidden
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .res-name a,
.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .page-name a {
    font-family: "APKProtocol Regular";
    font-size: 1rem
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .res-name a span,
.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .page-name a span {
    display: inline;
    position: relative;
    top: 2px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .res-name a:hover,
.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .page-name a:hover {
    color: #beff00
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .res-download {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .res-download a {
    float: left;
    margin-right: 10%
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .res-download a:hover {
    color: #666
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .res-list .res-download a>.dn-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100% 100%;
    position: relative;
    top: 2px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/download-down-icon.svg')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .image-list {
    margin-top: 25px;
    position: relative
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .image-list .bg-img {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/img-placeholder-icon.svg');
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40% 40%;
    height: 200px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .image-list .bg-img .thumb-img {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #f6f6f6
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .image-list .img-name {
    margin: 10px 0 35px 0;
    max-height: 100px;
    overflow: hidden
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .image-list .img-download {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .image-list .img-download a {
    float: left;
    margin-right: 10%
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .image-list .img-download a:hover {
    color: #beff00
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .image-list .img-download a>.dn-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100% 100%;
    position: relative;
    top: 2px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/download-down-icon.svg')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .video-list {
    margin-top: 25px;
    position: relative;
    height: 280px
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .video-list.video {
        height: 230px
    }
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .video-list.video video {
        height: 150px
    }
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .video-list.video .play-icon {
        top: calc((150px - 40px)/2)
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .video-list.video .vid-name {
    pointer-events: none
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .video-list video {
    width: 100%;
    height: 200px;
    object-fit: fill;
    background: black;
    box-shadow: 1px -2px 6px -5px #000;
    -webkit-box-shadow: 1px -2px 6px -5px #000
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .video-list .play-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    top: 80px;
    left: calc((100% - 40px)/2);
    background-size: 100% 100%;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/video-play-icon.svg')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .video-list .lock-screen {
    height: 180px;
    top: -188px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .video-list .unlock-icon,
.cmp-rf-extension #rf-ext-container .results-section .results-container .video-list .lock-icon {
    background-color: #fff !important;
    background-size: 80% 80% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 1px solid #000 !important;
    border-radius: 5px !important
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .video-list .vid-name-container {
    width: 100%;
    padding: 8px;
    position: relative;
    top: -5px;
    overflow: hidden;
    height: auto;
    max-height: 100px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .video-list .vid-name-container.top-set {
    top: -185px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .video-list .vid-name-container .vid-name {
    margin: 10px 0 25px 0;
    max-height: 100px;
    overflow: hidden
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list {
    height: 300px
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list {
        height: 250px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list .bg-img {
    height: 250px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/sound-black-icon.png')
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list .bg-img {
        height: 200px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list .bg-img .res-img {
    height: 250px
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list .bg-img .res-img {
        height: 200px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list .bg-img .res-img:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(rgba(255, 255, 255, 0.1), #000);
    opacity: .7;
    width: calc(100% - 30px);
    left: 15px;
    height: calc(100% - 50px)
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list .res-name {
    margin: 0;
    position: relative;
    top: -50px;
    height: 50px;
    overflow: hidden;
    padding: 5px 10px;
    line-height: 18px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list .res-name a {
    color: #fff;
    display: flex
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list .res-name a div {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    max-width: calc(100% - 20px)
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list .res-name a .fas {
    align-self: flex-end;
    top: 0
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list .res-download {
    position: relative;
    top: -50px;
    height: 50px;
    background: #beff00;
    font-size: 14px;
    color: #fff
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list .res-download .dn-icon {
    font-size: 20px;
    padding: 15px 10px 0 10px;
    cursor: pointer
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .audio-list .res-download span {
    display: flex;
    font-family: "APKProtocol Regular";
    align-items: center;
    line-height: 15px;
    padding-right: 10px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view,
.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view {
    width: 100%;
    padding: 15px;
    padding: 30px 15px;
    display: flex;
    border-bottom: 1px solid #eee
}

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

    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view,
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view {
        flex-wrap: wrap;
        border: 0
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .date-block,
.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .date-block {
    display: flex;
    flex-direction: column;
    padding-right: 2%;
    align-items: center;
    width: 15%
}

@media only screen and (min-width:621px) and (max-width:700px) {

    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .date-block,
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .date-block {
        width: 25%
    }
}

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

    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .date-block,
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .date-block {
        width: 30%
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .date-block .month,
.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .date-block .month {
    font-family: "APKProtocol Regular";
    font-size: 24px
}

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

    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .date-block .month,
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .date-block .month {
        font-size: 20px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .date-block .day,
.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .date-block .day {
    font-family: "APKProtocol Regular";
    font-size: 26px
}

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

    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .date-block .day,
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .date-block .day {
        font-size: 22px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .date-block .time,
.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .date-block .time {
    font-family: "APKProtocol Regular";
    font-size: 20px
}

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

    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .date-block .time,
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .date-block .time {
        font-size: 14px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .middle-col,
.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .middle-col {
    width: 65%;
    padding-right: 2%
}

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

    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .middle-col,
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .middle-col {
        width: 70%;
        padding-right: 5%
    }
}

@media only screen and (min-width:621px) and (max-width:700px) {

    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .middle-col,
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .middle-col {
        width: 55%
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .middle-col .title,
.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .middle-col .title {
    font-family: "APKProtocol Semibold";
    font-size: 24px
}

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

    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .middle-col .title,
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .middle-col .title {
        font-size: 20px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .middle-col .description,
.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .middle-col .description {
    font-family: "APKProtocol Regular";
    font-size: 18px
}

@media only screen and (min-width:621px) {

    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .middle-col .description,
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .middle-col .description {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

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

    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .middle-col .description,
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .middle-col .description {
        font-size: 14px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .btn-block,
.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .btn-block {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%
}

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

    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .btn-block,
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .btn-block {
        display: block;
        width: 70%;
        margin-left: 30%;
        margin-top: 10px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .btn-block a,
.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .btn-block a {
    border: 1px solid #000;
    padding: 10px 40px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 12px;
    font-family: "APKProtocol Bold";
    color: #beff00;
    text-align: center
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .btn-block a:hover,
.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .btn-block a:hover {
    border: 1px solid #beff00
}

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

    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .btn-block a,
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .btn-block a {
        padding: 8px 25px
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .btn-block a span,
.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-list-view .btn-block a span {
    display: none
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view {
    flex-direction: column;
    width: 25%;
    position: relative;
    border: 0
}

@media only screen and (max-width:991px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view {
        width: 33.3%
    }
}

@media only screen and (max-width:767px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view {
        width: 50%
    }
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view {
        width: 100%
    }
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view.default {
        width: 50%
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view.default .btn-block {
    bottom: 0;
    left: 15px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .date-block {
    width: 100%;
    padding: 0;
    align-items: flex-start
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .date-block .month {
    display: none
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .date-block .day {
    font-size: 18px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .date-block .time {
    font-size: 16px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .middle-col {
    width: 100%;
    padding: 0
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .middle-col .title {
    font-family: "APKProtocol Regular";
    font-size: 18px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .middle-col .description {
    display: none !important
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .btn-block {
    width: 100%;
    justify-content: flex-start;
    margin: 0 !important;
    position: absolute;
    bottom: 0
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .btn-block {
        position: absolute;
        right: 15px;
        width: auto;
        bottom: auto
    }
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .btn-block a {
    padding: 10px 0 0 0;
    border: 0
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .btn-block a:hover {
    border: 0
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .btn-block a:hover span {
    color: #beff00
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .wb-grid-view .btn-block a span {
    display: inline-block;
    margin-left: 5px;
    color: #000;
    font-size: 15px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .block-view,
.cmp-rf-extension #rf-ext-container .results-section .results-container .list-view {
    display: none
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result {
    padding: 18px 0 10px 0;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    position: relative;
    margin: 0 15px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result:nth-child(2) {
    border-top: 0
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result.validated:before {
    width: 35px;
    height: 35px;
    left: -9px;
    top: -6px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result.article .publish-date {
    font-size: 12px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result.article .publish-date span {
    font-family: "APKProtocol Semibold"
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result a .fa {
    display: none
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result a h5:hover {
    color: #beff00
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result div {
    width: calc(100% - 65px)
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result div.unlocked-title {
    width: calc(100% - 90px)
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result div h5 {
    float: left
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result .res-icon {
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    float: right
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result .res-icon.pdf {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/pdf-icon.svg')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result .res-icon.doc {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/word-icon.svg')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result .res-icon.sheet {
    background-image: url('https://www.qnityelectronics.com/content/dam/electronics/amer/us/en/electronics/general/icons/sheet-icon.png')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result .res-icon.zip {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/zip-icon.png')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result .res-icon.exe {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/exe-icon.png')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result .res-icon.ppt {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/powerpoint-icon.svg')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result .res-icon.images {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/bg-placeholder.png')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result .res-icon.videos {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/video-play-icon.svg');
    border: 2px solid #e1e1e1;
    border-radius: 20px
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result .res-icon.pages {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/page.svg')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result .res-icon.audio-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/sound-black-icon.png')
}

.cmp-rf-extension #rf-ext-container .results-section .results-container .item-result p {
    font-size: 14px;
    height: 64px;
    overflow: hidden;
    font-family: "APKProtocol Regular"
}

.cmp-rf-extension #rf-ext-container .results-section .no-result-text {
    font-size: 20px;
    margin: 20px;
    font-weight: 500;
    display: none
}

.cmp-rf-extension #rf-ext-container .cta-container {
    width: 100%;
    float: left;
    margin-top: 30px;
    display: flex;
    justify-content: center
}

.cmp-rf-extension #rf-ext-container .cta-container .load-more-cta {
    padding: 10px 30px;
    border: 1px solid #000;
    border-radius: 25px;
    cursor: pointer;
    font-size: 12px;
    font-family: "APKProtocol Bold";
    color: #beff00
}

.cmp-rf-extension #rf-ext-container .cta-container .load-more-cta:hover {
    border: 1px solid #beff00
}

.cmp-rf-extension .model-bg {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000
}

.cmp-rf-extension .model-bg .model-close-btn {
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #fff;
    font-size: xx-large;
    position: absolute;
    right: 20px;
    top: 20px
}

.cmp-rf-extension #video-audio-model #vid-container {
    position: relative;
    width: 80%;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    display: none
}

.cmp-rf-extension #video-audio-model #vid-container video {
    width: 100%
}

.cmp-rf-extension #video-audio-model #audio-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    justify-content: center
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #video-audio-model #audio-container .jp-audio {
        transform: scale(0.8);
        -webkit-transform: scale(0.8)
    }
}

@media only screen and (max-width:575px) {
    .cmp-rf-extension #video-audio-model #audio-container .jp-audio .jp-volume-controls {
        display: none
    }
}

.resource-finder-extension.title-white .results-container a {
    color: #fff
}

.resource-finder-extension.title-white .results-container a h5 {
    color: #fff
}

.resource-finder-extension.title-white .results-container .res-name,
.resource-finder-extension.title-white .results-container .img-name {
    color: #fff
}

.resource-finder-extension.title-white .results-container .page-name .desc {
    color: #fff
}

.resource-finder-extension.two-items #rf-ext-container {
    padding: 0
}

.resource-finder-extension.two-items #rf-ext-container .res-list {
    flex: 0 50%;
    max-width: 50%
}

.resource-finder-extension.two-items #rf-ext-container .wb-grid-view {
    width: 50% !important
}

@media only screen and (max-width:575px) {
    .resource-finder-extension.two-items #rf-ext-container .wb-grid-view {
        width: 100% !important
    }
}

.resource-finder-extension.one-item #rf-ext-container {
    padding: 0
}

.resource-finder-extension.one-item #rf-ext-container .res-list {
    flex: 0 100%;
    max-width: 100%
}

@media only screen and (max-width:575px) {
    .resource-finder-extension.one-item #rf-ext-container .res-list {
        flex: 0 100%;
        max-width: 100%
    }
}

.resource-finder-extension.one-item #rf-ext-container .wb-grid-view {
    width: 100% !important
}

.resource-finder-extension.three-items #rf-ext-container {
    padding: 0
}

.resource-finder-extension.three-items #rf-ext-container .res-list {
    flex: 0 33.3%;
    max-width: 33.3%
}

@media only screen and (max-width:767px) {
    .resource-finder-extension.three-items #rf-ext-container .res-list {
        flex: 0 50%;
        max-width: 50%
    }
}

@media only screen and (max-width:575px) {
    .resource-finder-extension.three-items #rf-ext-container .res-list {
        flex: 0 50%;
        max-width: 50%
    }
}

.resource-finder-extension.three-items #rf-ext-container .wb-grid-view {
    width: 33.3% !important
}

@media only screen and (max-width:575px) {
    .resource-finder-extension.three-items #rf-ext-container .wb-grid-view {
        width: 100% !important
    }
}

@media only screen and (max-width:991px) {
    .resource-finder-extension.rfe-mobile-padding {
        padding: 0 18px
    }
}

@media only screen and (max-width:991px) and (min-width:576px) {
    .resource-finder-extension.rfe-tablet-padding #rf-ext-container {
        padding: 0 33px !important
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .resource-finder-extension.rfe-tablet-padding #rf-ext-container .filters-wrapper {
        margin: 0 0 30px 0 !important
    }
}

.lite-header-navigation {
    background-color: #fff;
    box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

@media screen and (min-width:1024px) {
    .lite-header-navigation .container {
        padding: 0 94px;
        max-width: 1440px
    }
}

.lite-header-navigation nav {
    position: relative;
    transition: top 2s ease 0
}

.lite-header-navigation nav {
    transition: top 700ms ease;
    top: 0
}

.lite-header-navigation.scroll-out nav {
    top: -94px
}

.lite-header-navigation.scroll-in {
    transition: all 500ms ease;
    top: 0
}

.lite-header-navigation--logo {
    height: 71px;
    position: relative
}

@media screen and (min-width:1024px) {
    .lite-header-navigation--logo {
        height: 88px
    }
}

.lite-header-navigation--logo>a {
    display: block;
    width: 120px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 3
}

.lite-header-navigation--logo>a img {
    width: 100%
}

.lite-header-navigation--logo>a .bu-name {
    position: relative;
    width: 220px;
    font-size: 13px;
    font-family: "APKProtocol Bold";
    left: -60px;
    margin-top: 5px;
    text-align: center
}

@media screen and (max-width:576px) {
    .lite-header-navigation--logo>a .bu-name {
        padding: 0
    }
}

@media screen and (min-width:1024px) {
    .lite-header-navigation--logo>a {
        width: calc(108px - (23 * (1px - ((100vw - 1024px) / 416))));
        left: 0;
        transform: translateY(-50%)
    }
}

@media screen and (min-width:1440px) {
    .lite-header-navigation--logo>a {
        width: 108px
    }
}

.lite-header-navigation--logo .hamburger,
.lite-header-navigation--logo .profileClose {
    left: 18px;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none
}

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

    .lite-header-navigation--logo .hamburger,
    .lite-header-navigation--logo .profileClose {
        display: none
    }
}

.lite-header-navigation--logo .hamburger input,
.lite-header-navigation--logo .profileClose input {
    display: block;
    width: 30px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none
}

.lite-header-navigation--logo .hamburger.open>span,
.lite-header-navigation--logo .profileClose.open>span {
    opacity: 1;
    transform: rotate(45deg) translate(-7px, -13px);
    background: #232323
}

.lite-header-navigation--logo .hamburger.open>span:nth-last-child(3),
.lite-header-navigation--logo .profileClose.open>span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0) scale(0.2, 0.2)
}

.lite-header-navigation--logo .hamburger.open>span:nth-last-child(2),
.lite-header-navigation--logo .profileClose.open>span:nth-last-child(2) {
    transform: rotate(-45deg) translate(-5px, 14px)
}

.lite-header-navigation--logo .hamburger span,
.lite-header-navigation--logo .profileClose span {
    display: block;
    width: 33px;
    height: 2px;
    margin-bottom: 6px;
    position: relative;
    background: #000;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0
}

.lite-header-navigation--logo .hamburger span:first-child,
.lite-header-navigation--logo .profileClose span:first-child {
    transform-origin: 0 0
}

.lite-header-navigation--logo .hamburger span:nth-last-child(2),
.lite-header-navigation--logo .profileClose span:nth-last-child(2) {
    transform-origin: 0 100%
}

.lite-header-navigation--logo .hamburger span:last-child,
.lite-header-navigation--logo .profileClose span:last-child {
    margin-bottom: 0
}

.lite-header-navigation--logo .search-icon>a {
    position: absolute;
    right: 33px;
    top: 50%;
    transform: translateY(-50%)
}

.lite-header-navigation--logo .search-icon img {
    width: 28px
}

.lite-header-navigation--logo .search-icon>ul {
    position: fixed;
    display: none;
    background: white;
    top: 71px;
    left: 0;
    width: 100%;
    z-index: 9999;
    height: calc(100vh - 71px);
    overflow: auto;
    padding: 30px 33px;
    list-style: none
}

.lite-header-navigation--logo .search-icon li {
    list-style: none;
    margin: 0 0 15px 0;
    display: block
}

@media screen and (min-width:1024px) {
    .lite-header-navigation--logo .search-icon {
        display: none
    }
}

.lite-header-navigation--logo .back {
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    cursor: pointer
}

.lite-header-navigation--logo .back[data-level="0"] {
    display: none
}

@media screen and (min-width:1024px) {
    .lite-header-navigation--logo .back {
        display: none
    }
}

.lite-header-navigation--items {
    position: relative;
    padding-left: 33px;
    padding-right: 33px;
    height: 0;
    overflow: hidden
}

.lite-header-navigation--items p.helper {
    display: none
}

.lite-header-navigation--items p.helper a {
    display: none
}

.lite-header-navigation--items .subnav-list {
    padding: 30px 20px 0 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0
}

.lite-header-navigation--items .subnav-list a.cta-red {
    display: none
}

.lite-header-navigation--items .subnav-list li a {
    color: #212121;
    font-family: 'APKProtocol Regular';
    line-height: 1.3;
    display: inline-block;
    padding: 10px 0
}

.lite-header-navigation--items .subnav-list li a:hover {
    color: #666
}

.lite-header-navigation--items .subnav-list li a.navigation-item {
    font-size: 18px;
    opacity: 0;
    margin-left: -80px;
    transition-property: opacity, margin-left;
    transition-duration: 400ms;
    transition-timing-function: ease-out
}

.lite-header-navigation--items .subnav-list li a.navigation-item-sm {
    font-size: 16px
}

.lite-header-navigation--items .subnav-list li ul {
    display: none
}

.lite-header-navigation--items-top,
.lite-header-navigation--items-bottom {
    padding: 30px 0 0;
    margin: 0;
    list-style: none
}

.lite-header-navigation--items-top li,
.lite-header-navigation--items-bottom li {
    display: block;
    line-height: 1
}

.lite-header-navigation--items-top li a,
.lite-header-navigation--items-bottom li a {
    color: #212121;
    font-family: 'APKProtocol Regular';
    line-height: 1.3;
    padding: 10px 0;
    display: inline-block
}

.lite-header-navigation--items-top li a:hover,
.lite-header-navigation--items-bottom li a:hover {
    color: #666
}

.lite-header-navigation--items-top li a.navigation-item,
.lite-header-navigation--items-bottom li a.navigation-item {
    font-size: 18px;
    opacity: 0;
    margin-left: -80px;
    transition-property: opacity, margin-left;
    transition-duration: 400ms;
    transition-timing-function: ease-out
}

.lite-header-navigation--items-top li a.navigation-item-sm,
.lite-header-navigation--items-bottom li a.navigation-item-sm {
    font-size: 14px;
    line-height: 1;
    padding: 7px 0
}

.lite-header-navigation--items-top li a.navigation-item-sm img,
.lite-header-navigation--items-bottom li a.navigation-item-sm img {
    height: 15px;
    display: inline-block;
    padding-left: 8px
}

.lite-header-navigation--items-top li ul,
.lite-header-navigation--items-bottom li ul {
    display: none
}

.lite-header-navigation--items-bottom {
    opacity: 0;
    padding-top: 20px;
    transition-delay: 1s;
    transition-property: opacity;
    transition-duration: 500ms;
    transition-timing-function: ease-in-out
}

@media screen and (min-width:1024px) {
    .lite-header-navigation--items {
        height: auto;
        overflow: visible;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%
    }

    .lite-header-navigation--items p.helper {
        position: relative;
        margin-top: 45px;
        border-top: 1px solid #e1e1e1;
        padding: 40px 0 0;
        display: none;
        font-family: 'APKProtocol Regular';
        font-size: 14px
    }

    .lite-header-navigation--items p.helper a {
        color: #000;
        font-family: 'APKProtocol Medium'
    }

    .lite-header-navigation--items p.helper a:hover {
        color: #666
    }

    .lite-header-navigation--items-top,
    .lite-header-navigation--items-bottom {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        transition: none
    }

    .lite-header-navigation--items-top li,
    .lite-header-navigation--items-bottom li {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: calc(25px - (17 * (1px - ((100vw - 1024px) / 416))));
        padding-right: calc(25px - (17 * (1px - ((100vw - 1024px) / 416))))
    }

    .lite-header-navigation--items-top li:first-child,
    .lite-header-navigation--items-bottom li:first-child {
        padding-left: calc(175px - (60 * (1px - ((100vw - 1024px)/ 416))))
    }

    .lite-header-navigation--items-top li .hover,
    .lite-header-navigation--items-bottom li .hover {
        background-color: #fff;
        width: 90%;
        height: 1px;
        margin: 0 auto
    }

    .lite-header-navigation--items-top li a.navigation-item,
    .lite-header-navigation--items-bottom li a.navigation-item {
        opacity: 1;
        margin-left: 0;
        color: #212121;
        font-family: 'APKProtocol Regular';
        line-height: 18px;
        font-size: calc(14px - (2 * (1px - ((100vw - 1024px) / 416))));
        transition-property: none;
        padding: 0;
        text-decoration: none
    }

    .lite-header-navigation--items-top li a.navigation-item:hover,
    .lite-header-navigation--items-bottom li a.navigation-item:hover {
        color: #666
    }

    .lite-header-navigation--items-top li a.navigation-item-sm,
    .lite-header-navigation--items-bottom li a.navigation-item-sm {
        font-size: calc(12px - (1 * (1px - ((100vw - 1024px) / 416))));
        padding: 0;
        line-height: 1
    }

    .lite-header-navigation--items-top li a.navigation-item-sm.search,
    .lite-header-navigation--items-bottom li a.navigation-item-sm.search {
        position: relative;
        padding-left: 25px;
        display: inline-block;
        height: 15px
    }

    .lite-header-navigation--items-top li a.navigation-item-sm.search img,
    .lite-header-navigation--items-bottom li a.navigation-item-sm.search img {
        position: absolute;
        left: 0;
        padding-left: 0;
        top: -2px;
        height: 15px
    }

    .lite-header-navigation--items-top li .navigation-item-contain.active:hover,
    .lite-header-navigation--items-bottom li .navigation-item-contain.active:hover {
        color: #666
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover:hover,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover:hover {
        color: #666
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub {
        display: block;
        position: absolute;
        width: max-content;
        top: 25px;
        background-color: #fff;
        padding: 50px 50px 15px 30px;
        margin-left: -30px;
        left: auto
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub p.helper,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub p.helper {
        display: block
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub p.helper a,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub p.helper a {
        display: inline-block
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel {
        padding: 80px 94px 85px 94px;
        margin-left: 0;
        left: -94px;
        width: -moz-max-content;
        width: -webkit-max-content;
        width: -o-max-content;
        width: -ms-max-content;
        width: max-content
    }

    @supports(-ms-ime-align:auto) {
        .navigation-container {
            width: 1033px
        }
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel .navigation-container,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel .navigation-container {
        width: -moz-max-content;
        width: -webkit-max-content;
        width: -o-max-content;
        width: -ms-max-content;
        width: max-content
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul {
        vertical-align: top;
        padding-right: 50px
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item {
        font-size: 20px !important
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item:hover,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item:hover {
        color: #666
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item.header,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item.header {
        pointer-events: none
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul {
        display: inline-block
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li {
        display: block;
        padding: 10px 0
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item {
        font-size: 14px !important;
        pointer-events: all
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item:hover,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item:hover {
        color: #666
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li:first-child,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li:first-child {
        padding-left: 0
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub {
        padding: 20px 0 50px 0;
        position: relative;
        top: 0;
        left: 30px
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub a.cta-red,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub a.cta-red {
        display: none;
        color: #beff00;
        display: inline-block;
        font-family: 'APKProtocol Medium';
        margin-top: 40px;
        padding: 10px 0 0;
        position: absolute;
        bottom: 0
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub a.cta-red:hover,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub a.cta-red:hover {
        color: #98cc00
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-1,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-1 {
        min-width: 150px;
        column-count: 1;
        column-gap: 40px
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-2,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-2 {
        column-count: 2;
        column-gap: 40px
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-3,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-3 {
        column-count: 3;
        column-gap: 40px
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li {
        padding: 10px 0
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item {
        font-size: 14px !important;
        text-decoration: none
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item:hover,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item:hover {
        color: #666
    }

    .lite-header-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li ul,
    .lite-header-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li ul {
        display: block
    }

    .lite-header-navigation--items-top {
        padding: 0;
        left: 0
    }

    .lite-header-navigation--items-bottom {
        left: auto;
        right: 0;
        padding-top: 0;
        opacity: 1
    }

    .lite-header-navigation--items-bottom li {
        padding: 0 calc(15px - (5 * (1px - ((100vw - 1024px) / 416))))
    }

    .lite-header-navigation--items-bottom li:first-child {
        border-right: 1px solid rgba(42, 44, 45, 0.6);
        padding-left: 26px
    }
}

@media screen and (min-width:1440px) {
    .lite-header-navigation--items {
        padding-left: 0
    }

    .lite-header-navigation--items-top li,
    .lite-header-navigation--items-bottom li {
        padding-left: 25px;
        padding-right: 25px
    }

    .lite-header-navigation--items-top a.navigation-item,
    .lite-header-navigation--items-bottom a.navigation-item {
        font-size: 14px !important
    }

    .lite-header-navigation--items-top a.navigation-item-sm,
    .lite-header-navigation--items-bottom a.navigation-item-sm {
        font-size: 12px !important
    }

    .lite-header-navigation--items-top li {
        padding-right: 25px;
        padding-left: 25px
    }

    .lite-header-navigation--items-top li:first-child {
        padding-left: 175px
    }

    .lite-header-navigation--items-top li .subnav-list li {
        padding-left: 0
    }

    .lite-header-navigation--items-bottom li {
        padding: 0 17px
    }
}

.lite-header-navigation.open {
    position: fixed;
    height: 100vh;
    width: 100%;
    overflow: auto
}

.lite-header-navigation.open .lite-header-navigation--items {
    height: auto;
    min-height: calc(100vh - 75px);
    overflow: hidden
}

@media(max-width:1023px) {
    .lite-header-navigation.open .lite-header-navigation--items {
        overflow-x: hidden;
        overflow-y: auto
    }
}

.lite-header-navigation.open .lite-header-navigation--items .navigation-item {
    margin-left: 0;
    opacity: 1
}

.lite-header-navigation.open .lite-header-navigation--items-bottom {
    opacity: 1
}

.lite-header-navigation.open .lite-header-navigation--items-bottom.out {
    transition-delay: 0 !important;
    opacity: 0
}

.lite-header-navigation.open .lite-header-navigation--items .outleft {
    pointer-events: none
}

.lite-header-navigation.open .lite-header-navigation--items .outleft .navigation-item {
    opacity: 0;
    margin-left: -60px
}

.lite-header-navigation.open .lite-header-navigation--items .outright {
    pointer-events: none
}

.lite-header-navigation.open .lite-header-navigation--items .outright .navigation-item {
    opacity: 0;
    margin-left: 60px
}

.lite-header-navigation.open .lite-header-navigation--logo .hamburger {
    left: auto;
    right: 18px
}

.lite-header-navigation.open .lite-header-navigation--logo .search-icon {
    display: none
}

.lite-header-navigation .delay-1 {
    transition-delay: 100ms
}

.lite-header-navigation .delay-2 {
    transition-delay: 200ms
}

.lite-header-navigation .delay-3 {
    transition-delay: 300ms
}

.lite-header-navigation .delay-4 {
    transition-delay: 400ms
}

.lite-header-navigation .delay-5 {
    transition-delay: 500ms
}

.lite-header-navigation .delay-6 {
    transition-delay: 600ms
}

.lite-header-navigation .delay-7 {
    transition-delay: 700ms
}

.lite-header-navigation .delay-8 {
    transition-delay: 800ms
}

.lite-header-navigation .delay-9 {
    transition-delay: 900ms
}

.lite-header-navigation .delay-10 {
    transition-delay: 1000ms
}

.lite-header-navigation .delay-11 {
    transition-delay: 1100ms
}

.lite-header-navigation .delay-12 {
    transition-delay: 1200ms
}

.lite-header-navigation .delay-13 {
    transition-delay: 1300ms
}

.lite-header-navigation .delay-14 {
    transition-delay: 1400ms
}

.lite-header-navigation .delay-15 {
    transition-delay: 1500ms
}

.lite-header-navigation .delay-16 {
    transition-delay: 1600ms
}

.lite-header-navigation .delay-17 {
    transition-delay: 1700ms
}

.lite-header-navigation .delay-18 {
    transition-delay: 1800ms
}

.lite-header-navigation .delay-19 {
    transition-delay: 1900ms
}

.lite-header-navigation .delay-20 {
    transition-delay: 2000ms
}

.lite-header-navigation .delay-21 {
    transition-delay: 2100ms
}

.lite-header-navigation .delay-22 {
    transition-delay: 2200ms
}

.lite-header-navigation .delay-23 {
    transition-delay: 2300ms
}

.lite-header-navigation .delay-24 {
    transition-delay: 2400ms
}

.lite-header-navigation .delay-25 {
    transition-delay: 2500ms
}

.lite-header-navigation .delay-26 {
    transition-delay: 2600ms
}

.lite-header-navigation .delay-27 {
    transition-delay: 2700ms
}

.lite-header-navigation .delay-28 {
    transition-delay: 2800ms
}

.lite-header-navigation .delay-29 {
    transition-delay: 2900ms
}

.lite-header-navigation .delay-30 {
    transition-delay: 3000ms
}

.lite-header-navigation .lite-header-navigation--items-bottom li.global-logo {
    background: url("../../../content/dam/electronics/amer/us/en/electronics/general/icons/nav-globe-icon.png") left center no-repeat;
    width: 150px;
    height: 16px;
    position: relative;
    top: 4px;
    padding-right: 100px
}

.lite-header-navigation .lite-header-navigation--items-bottom li.global-logo a {
    padding-left: 5px;
    padding-bottom: 2px
}

@media(max-width:1024px) {
    .lite-header-navigation .lite-header-navigation--items-bottom li.global-logo a {
        padding-left: 23px
    }
}

.lite-header-navigation .lite-header-navigation--items-bottom li.global-logo .con-title {
    font-family: "APKProtocol Regular";
    font-size: calc(12px - (1 * (1px - ((100vw - 1024px) / 416))));
    width: 145px;
    display: block;
    margin-left: 0;
    float: left;
    margin-top: 1px;
    padding-left: 20px;
    left: -10px;
    position: relative;
    z-index: 1;
    line-height: 1.2;
    min-height: 50px
}

@media(max-width:1023px) {
    .lite-header-navigation .lite-header-navigation--items-bottom li.global-logo .con-title {
        font-size: 14px;
        margin-left: 20px;
        min-width: 150px;
        width: calc(100vw - 100px)
    }
}

.lite-header-navigation .lite-header-navigation--items-bottom li.global-logo .country-dd {
    display: flex;
    flex-direction: column;
    position: absolute;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 50px;
    min-width: 100px;
    display: none;
    width: 100vw;
    column-count: 4
}

.lite-header-navigation .lite-header-navigation--items-bottom li.global-logo .country-dd:hover {
    display: block
}

@media(min-width:1024px) {
    .lite-header-navigation .lite-header-navigation--items-bottom li.global-logo .country-dd {
        box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px -3px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px -3px;
        -ms-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px -3px;
        -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px -3px;
        border-top: 2px solid #eee
    }
}

.lite-header-navigation .lite-header-navigation--items-bottom li.global-logo .country-dd.colm-1 {
    width: 150px;
    column-count: 1;
    left: 0 !important;
    padding: 5px;
    border-top: 0
}

@media(max-width:1023px) {
    .lite-header-navigation .lite-header-navigation--items-bottom li.global-logo .country-dd.colm-1 {
        width: calc(100vw - 100px);
        column-count: 1 !important
    }
}

@media(max-width:1023px) {
    .lite-header-navigation .lite-header-navigation--items-bottom li.global-logo .country-dd {
        margin-top: 20px;
        padding-top: 10px;
        min-width: 150px;
        margin-left: -5px !important;
        left: 0 !important;
        padding-right: 85px;
        column-count: 2
    }
}

.lite-header-navigation .lite-header-navigation--items-bottom li.global-logo .country-dd a {
    font-family: "APKProtocol Regular";
    font-size: 14px;
    display: block
}

.lite-header-navigation .lite-header-navigation--items-bottom li.global-logo .country-dd a:hover {
    color: #666
}

.lite-header-navigation .lite-header-navigation--items-bottom li.global-logo:hover .country-dd,
.lite-header-navigation .lite-header-navigation--items-bottom li.global-logo:active .country-dd {
    display: block
}

@media screen and (min-width:1024px) {
    .lite-header-navigation .crprate-hide-for-desk {
        display: none !important
    }
}

.lite-header-navigation .lite-header-navigation--items .subnav-list li:last-child a.cta-red.navigation-item {
    display: block;
    color: #beff00;
    font-family: "APKProtocol Medium"
}

.lite-header-navigation .nav-user-icon {
    padding-right: 0 !important
}

.lite-header-navigation .nav-user-icon img {
    max-width: 24px
}

.lite-header-navigation .nav-user-icon ul {
    position: absolute;
    width: max-content;
    top: 35px;
    background-color: #fff;
    margin-left: -30px;
    right: 0;
    padding: 35px 30px 15px 30px;
    max-height: calc(100vh - 100px);
    overflow: auto
}

.lite-header-navigation .nav-user-icon ul li {
    border: none !important;
    display: block;
    padding: 10px 0 !important
}

.lite-header-navigation .nav-user-icon ul li a {
    opacity: 1;
    margin-left: 0;
    color: #212121;
    font-family: 'APKProtocol Regular';
    line-height: 18px;
    font-size: calc(14px - (2 * (1px - ((100vw - 1024px) / 416))));
    transition-property: none;
    padding: 0;
    text-decoration: none
}

.lite-header-navigation .nav-user-icon ul li a:hover {
    color: #666
}

.lite-header-navigation .nav-user-icon ul li h5 {
    margin: 0
}

.lite-header-navigation .nav-user-icon ul li#businessUnit {
    padding: 0 !important
}

.lite-header-navigation .nav-user-icon:hover ul {
    display: block
}

@media screen and (max-width:1023px) {
    .lite-header-navigation .nav-user-icon {
        display: none !important
    }
}

.profileClose {
    display: none;
    left: auto !important;
    right: 18px
}

.lite-footer a {
    font-family: "APKProtocol Regular";
    font-size: 11px;
    line-height: 20px;
    letter-spacing: .5px;
    color: #000
}

@media only screen and (min-width:1024px) {
    .lite-footer a {
        font-size: 11px;
        line-height: 20px
    }
}

.lite-footer .col-sm-12 {
    margin-bottom: 30px
}

@media only screen and (min-width:992px) {
    .lite-footer .col-sm-12 {
        margin-bottom: 0
    }
}

.lite-footer .container {
    padding-right: 33px;
    padding-left: 33px
}

@media screen and (min-width:1024px) {
    .lite-footer .container {
        padding-right: 94px;
        padding-left: 94px
    }
}

.lite-footer-list-legal li {
    list-style: none;
    margin-bottom: 12px
}

@media only screen and (min-width:768px) {
    .lite-footer-list-legal li {
        float: left;
        margin-right: 35px
    }
}

.lite-footer-list-legal li a {
    color: #000
}

.lite-footer-list-legal li a:hover {
    color: #666
}

.lite-footer-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 11px;
    font-family: "APKProtocol SemiBold";
    line-height: 20px;
    letter-spacing: .5px
}

.lite-footer-title>span {
    font-size: 9px
}

@media only screen and (min-width:992px) {
    .lite-footer-title>span {
        display: none
    }
}

.lite-footer .desktop-list {
    display: none
}

@media only screen and (min-width:1024px) {
    .lite-footer .desktop-list {
        display: initial
    }
}

#grt-crl-one .row {
    display: inherit;
    margin: 0
}

#grt-crl-one .row .slick-track {
    margin: 0
}

#grt-crl-one .slick-list {
    margin: 0 auto;
    padding: 15px 0;
    margin: 0 -12px
}

#grt-crl-one .slick-list .slick-slide {
    font-size: 30px;
    text-align: center;
    margin: 0 12px;
    line-height: 2;
    font-weight: 700
}

#grt-crl-one .slick-img-cont img {
    width: 100%
}

@media(max-width:767px) {
    #grt-crl-one .slick-img-cont {
        margin-bottom: 35px
    }
}

#grt-crl-one .crou-heding {
    border-bottom: 1px solid #989a9c;
    display: flex;
    align-items: flex-end;
    padding: 0
}

#grt-crl-one .crou-heding p {
    font-size: 20px;
    text-align: left;
    font-family: 'APKProtocol Medium';
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 1.2;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 4px;
    color: #343a40
}

@media(min-width:768px) {
    #grt-crl-one .crou-heding p {
        font-size: 20px;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

#grt-crl-one .slick-arrow {
    z-index: 1;
    width: 40px;
    height: 40px
}

#grt-crl-one .slick-prev.slick-arrow:before {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/public/multimedia/en/rt1.png);
    content: "";
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 50px;
    top: -20px;
    opacity: 1
}

#grt-crl-one .slick-next.slick-arrow:before {
    background-image: url(../../../content/dam/electronics/amer/us/en/electronics/public/multimedia/en/rt2.png);
    content: "";
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -60px;
    top: -20px;
    opacity: 1
}

#grt-crl-one .slick-next {
    right: 0
}

#grt-crl-one .slick-prev {
    left: 0
}

#grt-crl-one .btn-wrap {
    text-align: center;
    width: 100%
}

#grt-crl-one button.slick-disabled {
    opacity: .6
}

@media(max-width:991px) {
    #grt-crl-one .slick-listing .slick-prev.slick-arrow:before {
        background-image: url(../../../content/dam/electronics/amer/us/en/electronics/public/multimedia/en/rt1.png);
        content: "";
        width: 60%;
        height: 60%;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 25px;
        top: -20px;
        opacity: 1
    }

    #grt-crl-one .slick-listing .slick-next.slick-arrow:before {
        background-image: url(../../../content/dam/electronics/amer/us/en/electronics/public/multimedia/en/rt2.png);
        content: "";
        width: 60%;
        height: 60%;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: -25px;
        top: -20px;
        opacity: 1
    }
}

.rem-bac-img-clr #grt-crl-two .slick-img-cont-two img {
    background: transparent;
    height: 260px;
    object-fit: contain
}

#grt-crl-two .row {
    display: inherit;
    margin: 0
}

#grt-crl-two .slick-list {
    margin: 0 auto;
    padding: 50px 0;
    margin: 0 -12px
}

@media(max-width:767px) {
    #grt-crl-two .slick-list {
        padding: 25px 0
    }
}

#grt-crl-two .slick-list .slick-slide {
    font-size: 30px;
    text-align: center;
    margin: 0 12px;
    line-height: 2;
    font-weight: 700
}

@media(max-width:767px) {
    #grt-crl-two .slick-list .slick-slide {
        padding: 0
    }
}

#grt-crl-two .slick-img-cont-two img {
    width: 100%;
    background: #f5f5f5
}

#grt-crl-two .crou-heding-two {
    padding: 9px 0;
    border-bottom: 1px solid #989a9c;
    display: flex;
    align-items: flex-end
}

#grt-crl-two .crou-heding-two p {
    font-size: 20px;
    text-align: left;
    font-family: "APKProtocol Medium";
    font-weight: 500;
    letter-spacing: .4px;
    color: #343a40;
    margin-bottom: 0;
    line-height: 1.2
}

#grt-crl-two .slick-arrow {
    z-index: 1;
    width: 40px;
    height: 40px
}

#grt-crl-two .slick-prev.slick-arrow:before {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/left-arrow.svg');
    content: "";
    width: 50%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 40px;
    opacity: 1;
    transform: rotate(180deg);
    bottom: -1px
}

#grt-crl-two .slick-next.slick-arrow:before {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/left-arrow.svg');
    content: "";
    width: 50%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    opacity: 1
}

#grt-crl-two .slick-next {
    right: 0;
    top: -35px
}

#grt-crl-two .slick-prev {
    right: 0;
    left: inherit;
    top: -35px
}

#grt-crl-two .btn-wrap {
    text-align: center;
    width: 100%
}

#grt-crl-two button.slick-disabled {
    opacity: .6
}

#grt-crl-two .slick-dots {
    bottom: 50px;
    background: #ffffffad;
    width: 95%;
    left: 10px
}

@media(max-width:767px) {
    #grt-crl-two .slick-dots {
        width: 100%;
        left: 0
    }
}

#grt-crl-two .slick-dots li.slick-active button:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #000000e3;
    border-radius: 10px
}

#grt-crl-two .slick-dots li button:before {
    content: "";
    border: 2px solid #000;
    border-radius: 10px;
    width: 10px;
    height: 10px
}

#grt-crl-two .grt-crl-heading {
    padding: 0
}

#grt-crl-two .grt-crl-heading h2 {
    font-size: 25px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    line-height: 35px;
    letter-spacing: .5px;
    color: #343a40;
    font-family: 'APKProtocol Medium'
}

@media(max-width:767px) {
    #grt-crl-two .grt-crl-heading h2 {
        font-size: 18px
    }

    #grt-crl-two .slick-prev.slick-arrow:before {
        display: none
    }

    #grt-crl-two .slick-next.slick-arrow:before {
        display: none
    }

    #grt-crl-two .slick-dots {
        width: 100%;
        bottom: 100px
    }

    #grt-crl-two .slick-dotted.slick-slider {
        margin-bottom: 0
    }
}

@media(max-width:587px) {
    .corporate-action-bar.slickdots-position #grt-crl-two .slick-dots {
        bottom: 65px
    }
}

.ei-heroCarousel-with-video {
    overflow-x: hidden
}

.ei-heroCarousel-with-video .heroFV-slides .slick-slide {
    background: black
}

.ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .top-block {
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (min-width:769px) {
    .ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .top-block {
        height: 500px
    }
}

@media screen and (min-width:769px) and (max-width:992px) {
    .ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .top-block {
        height: 550px
    }
}

.ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .top-block .outer-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%
}

.ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .top-block .outer-wrapper .text-button-blk {
    margin-top: 50px
}

@media screen and (min-width:769px) {
    .ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .top-block .outer-wrapper .text-button-blk {
        width: 80%
    }
}

.ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .top-block .outer-wrapper .text-button-blk .para {
    line-height: normal;
    color: #fff;
    margin-bottom: 30px
}

.ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .top-block .outer-wrapper .text-button-blk a[href] {
    padding: 10px 40px;
    background-color: #beff00;
    color: #000;
    text-decoration: none;
    border-radius: 25px
}

.ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .top-block .outer-wrapper .text-button-blk a:hover {
    background-color: #98cc00;
    color: #000
}

.ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block {
    background-color: #fff
}

@media screen and (max-width:768px) {
    .ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block {
        padding-top: 50px
    }
}

@media screen and (min-width:769px) {
    .ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .wrapper {
        display: flex;
        align-items: center
    }
}

@media screen and (min-width:769px) {
    .ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .wrapper .text-block {
        width: 50%;
        padding-right: 100px;
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media screen and (max-width:768px) {
    .ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .wrapper .text-block {
        margin-bottom: 50px
    }
}

.ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .wrapper .text-block .title {
    display: block;
    font-size: 24px;
    color: #000;
    font-family: "APKProtocol Regular";
    margin-bottom: 30px
}

.ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .wrapper .text-block .content {
    display: block;
    font-size: 14px;
    color: #000;
    font-family: "APKProtocol Regular"
}

.ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .wrapper .video-blk {
    height: 350px;
    display: flex;
    align-items: center
}

@media screen and (max-width:768px) {
    .ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .wrapper .video-blk {
        height: 467px
    }
}

@media screen and (min-width:769px) {
    .ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .wrapper .video-blk {
        width: 50%
    }
}

.ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .wrapper .video-blk .video {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%
}

@media screen and (min-width:769px) {
    .ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .wrapper .video-blk .video {
        top: -13%
    }
}

.ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .wrapper .video-blk .video .play-icon {
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
    width: 50px;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 32em;
    transform: translate(-50%, -50%);
    cursor: pointer
}

.ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .wrapper .video-blk .in-video {
    display: block;
    width: 100%;
    position: relative
}

@media screen and (min-width:769px) {
    .ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .wrapper .video-blk .in-video {
        top: -13%
    }
}

.ei-heroCarousel-with-video .slick-dots {
    top: 510px;
    width: 50%;
    height: 10px;
    left: 0;
    display: flex;
    justify-content: right
}

@media screen and (max-width:768px) {
    .ei-heroCarousel-with-video .slick-dots {
        top: 510px;
        width: 100%;
        justify-content: center
    }
}

@media screen and (min-width:769px) and (max-width:992px) {
    .ei-heroCarousel-with-video .slick-dots {
        top: 560px
    }
}

@media screen and (min-width:769px) {
    .ei-heroCarousel-with-video .slick-dots {
        text-align: right;
        padding-right: 50px;
        padding-left: 94px
    }
}

.ei-heroCarousel-with-video .slick-dots li button:before {
    content: ''
}

.ei-heroCarousel-with-video .slick-dots li {
    width: 60px;
    height: 10px;
    border: 1px solid black
}

.ei-heroCarousel-with-video .slick-dots li.slick-active {
    height: 10px;
    border: 1px solid #beff00;
    background-color: #beff00
}

.ei-heroCarousel-with-video .video-modal .modal-content {
    border: 0;
    background-color: transparent
}

.ei-heroCarousel-with-video .video-modal .modal-content button {
    text-align: right
}

.ei-heroCarousel-with-video .video-modal .modal-content button:focus {
    outline: 0
}

@media screen and (max-width:1023px) {
    .ei-heroCarousel-with-video .heroFV-slides .heroFV-slide .bottom-block .title {
        padding-top: 30px !important
    }

    .ei-heroCarousel-with-video .slick-dots li button {
        width: 13px
    }
}

#mul-insu #grt-icon-button .grt-insul-buttn {
    width: inherit
}

#mul-insu #grt-icon-button .grt-insul-buttn a img {
    width: 12%
}

#mul-insu #grt-icon-button .grt-insul-buttn a:hover {
    color: #000
}

#mul-insu .row {
    display: inherit;
    margin: 0
}

#mul-insu .grt-st-ra-dtl {
    margin: 20px 0 15px
}

#mul-insu .grt-slic-list-img img {
    width: 100%
}

#mul-insu .slick-listing-grt-mult {
    width: 55%;
    flex-grow: 1
}

#mul-insu .slick-listing-grt-mult button.slick-prev {
    z-index: 9
}

#mul-insu .slick-listing-grt-mult button.slick-prev:before {
    content: "";
    width: 50px;
    height: 100px;
    left: 40px;
    position: absolute;
    opacity: 1;
    background-repeat: no-repeat;
    top: 0;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/left-arrow-white-bg.png')
}

#mul-insu .slick-listing-grt-mult button.slick-next:before {
    content: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/right-arrow-white-bg.png');
    width: 100px;
    height: 100px;
    right: 0;
    position: absolute;
    opacity: 1;
    background-repeat: no-repeat;
    top: 0
}

#mul-insu .grt-multi-img-one-part {
    display: flex
}

#mul-insu .grt-ins-detail-all {
    flex-grow: 1;
    margin: 0 0 0 10%
}

#mul-insu .grt-ins-detail-all .grt-lis-heading h2 {
    font-size: 70px;
    margin: 0;
    font-family: 'APKProtocol Bold';
    letter-spacing: 2.16px
}

#mul-insu .grt-lising-all {
    font-size: 16px
}

#mul-insu .grt-lising-all ul {
    padding: 0 20px;
    margin-top: 20px
}

#mul-insu .grt-lising-all ul li {
    margin: 10px 0;
    font-size: 15px;
    font-family: 'APKProtocol Medium';
    font-weight: 500
}

@media screen and (max-width:1024px) {
    #mul-insu .grt-ins-detail-all {
        margin: 0 0 0 50px
    }

    #mul-insu .grt-ins-detail-all .grt-lis-heading h2 {
        font-size: 50px
    }

    #mul-insu .grt-lising-all {
        font-size: 12px
    }

    #mul-insu .grt-slic-list-img img {
        height: 400px;
        object-fit: cover
    }

    #mul-insu #grt-icon-button .grt-insul-buttn {
        width: inherit
    }
}

@media screen and (max-width:991px) {
    #mul-insu .grt-ins-detail-all {
        margin: 0 0 0 30px
    }

    #mul-insu .grt-ins-detail-all .grt-lis-heading h2 {
        font-size: 50px
    }

    #mul-insu .slick-listing-grt-mult {
        width: 50%;
        flex-grow: 1
    }

    #mul-insu .grt-lising-all {
        font-size: 12px
    }

    #mul-insu .grt-slic-list-img img {
        height: 350px;
        object-fit: cover
    }

    #mul-insu #grt-icon-button .grt-insul-buttn {
        width: inherit
    }

    #mul-insu #grt-icon-button .grt-insul-buttn a img {
        width: 12%
    }
}

@media screen and (max-width:767px) {
    #mul-insu .grt-multi-img-one-part {
        display: inherit
    }

    #mul-insu .grt-multi-img-one-part ul.slick-dots {
        width: 100%;
        bottom: 0;
        background: #fff;
        opacity: .5;
        padding: 0
    }

    #mul-insu .grt-multi-img-one-part ul.slick-dots li.slick-active button:before {
        content: "";
        width: 10px;
        height: 10px;
        background: #000000de;
        border-radius: 10px;
        top: 0;
        opacity: 1
    }

    #mul-insu .grt-multi-img-one-part ul.slick-dots li button:before {
        border: 1px solid #000000de;
        border-radius: 50px;
        width: 10px;
        height: 10px;
        top: 0;
        opacity: 1;
        content: ""
    }

    #mul-insu .slick-listing-grt-mult {
        width: 100%
    }

    #mul-insu .slick-listing-grt-mult .slick-slide {
        height: auto
    }

    #mul-insu .container {
        width: 100%
    }

    #mul-insu .grt-ins-detail-all {
        margin: 0
    }

    #mul-insu .grt-ins-detail-all .grt-lis-heading h2 {
        font-size: 50px;
        margin-bottom: 20px
    }

    #mul-insu .grt-slic-list-img img {
        width: 100%;
        height: 320px;
        object-fit: cover
    }

    #mul-insu #grt-icon-button .grt-insul-buttn {
        width: 100%
    }

    #mul-insu #grt-icon-button .grt-insul-buttn a img {
        width: 10%
    }
}

#grt-gap-cra img.grt-mul-img-vid-crgp-all {
    width: 100%;
    height: 350px;
    object-fit: cover;
    background: #f5f5f5
}

#grt-gap-cra .row {
    display: inherit
}

#grt-gap-cra .grt-img-gp-cr-all {
    display: flex
}

#grt-gap-cra .grt-grcr-acc-detail {
    width: 50%;
    margin: 0 10px
}

#grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation {
    padding: 0
}

#grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation .accordion__item .accordion__title {
    top: 0;
    font-size: 18px;
    font-family: "APKProtocol Medium";
    padding: 20px 0 20px 0
}

@media(min-width:768px) {
    #grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation .accordion__item .accordion__title {
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: 1px
    }
}

#grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation .accordion__item .accordion__title:before {
    right: 1px;
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%)
}

#grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation .accordion__item .accordion__content {
    padding: 0 15px 10px 0
}

#grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation .accordion__item .accordion__content p,
#grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation .accordion__item .accordion__content li,
#grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation .accordion__item .accordion__content a {
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: .45px;
    font-family: "APKProtocol Regular"
}

@media(min-width:768px) {

    #grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation .accordion__item .accordion__content p,
    #grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation .accordion__item .accordion__content li,
    #grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation .accordion__item .accordion__content a {
        font-size: 18px;
        line-height: 1.67;
        letter-spacing: .54px
    }
}

#grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation .accordion__item:first-of-type {
    border-top: 1px solid #989a9c !important
}

#grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation .accordion__item:first-of-type a.accordion__title {
    border-top: none !important
}

#grt-gap-cra .grt-grcr-acc-detail .accordion_border .accordion-with-animation .accordion__item:last-of-type {
    border-bottom: 1px solid #989a9c !important
}

#grt-gap-cra .grt-img-vid-part {
    width: 100%
}

#grt-gap-cra .slick-listing-grt-img-vid-part {
    display: flex;
    flex-wrap: wrap
}

#grt-gap-cra .slick-listing-grt-img-vid-part:-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5)
}

#grt-gap-cra .grt-slic-list-img-vid-crgp {
    flex: 0 0 46%;
    margin: 10px;
    flex-grow: 0;
    overflow: hidden;
    position: relative
}

#grt-gap-cra .container {
    margin: 0 auto;
    padding-top: 20px !important
}

#grt-gap-cra .gp-cr-detail-mini-hedaing h3 {
    margin: 0;
    font-size: 20px;
    border-bottom: 1px solid #989a9c;
    padding: 0;
    font-family: "APKProtocol Medium";
    color: #343a40;
    font-weight: 500
}

#grt-gap-cra .gp-cr-detail-heading {
    margin-bottom: 10px;
    width: 100%
}

#grt-gap-cra .gp-cr-detail-heading h1 {
    margin: 15px 45px 30px 0;
    font-weight: 500;
    color: #343a40;
    font-family: "APKProtocol Medium"
}

#grt-gap-cra .gp-cr-detail-heading h1 {
    margin: 15px 0 0 0;
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: .9px
}

@media(min-width:992px) {
    #grt-gap-cra .gp-cr-detail-heading h1 {
        font-size: 45px;
        letter-spacing: 1.35px;
        margin: 15px 0 15px 0
    }
}

#grt-gap-cra .gp-cr-list-detil ul {
    padding: 0 20px
}

#grt-gap-cra .gp-cr-list-detil ul li {
    margin: 10px 0;
    font-family: 'APKProtocol Regular';
    color: #343a40
}

#grt-gap-cra .gp-cr-list-detil ul li,
#grt-gap-cra .gp-cr-list-detil ul p,
#grt-gap-cra .gp-cr-list-detil ul a {
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: .45px;
    font-family: 'APKProtocol Regular'
}

@media(min-width:992px) {

    #grt-gap-cra .gp-cr-list-detil ul li,
    #grt-gap-cra .gp-cr-list-detil ul p,
    #grt-gap-cra .gp-cr-list-detil ul a {
        font-size: 18px;
        line-height: 1.67;
        letter-spacing: .54px
    }
}

#grt-gap-cra .grt-zoom-img-all-crgp:hover img {
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

#grt-gap-cra .grt-zoom-img-all-crgp img.grt-zoom-img-zoo-crg {
    display: block;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

#grt-gap-cra .grt-crgp-vid-img {
    position: absolute;
    transition: .3s;
    top: 50%;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    left: 50%
}

#grt-gap-cra .grt-crgp-vid-img img {
    width: 100px;
    transition: .3s
}

#grt-gap-cra .grt-crpf-btn-de {
    margin-top: 20px;
    margin-bottom: 30px;
    display: inline-block
}

#grt-gap-cra .grt-crpf-btn-de a.gsr-btn-location {
    border-radius: 5px;
    border: 1px solid #a5a5a5;
    color: #000;
    font-size: 25px;
    text-decoration: none;
    font-weight: 500;
    font-family: "APKProtocol Medium";
    line-height: .8;
    letter-spacing: 1.25px;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 60px;
    padding-right: 20px;
    position: relative;
    display: block
}

#grt-gap-cra .grt-crpf-btn-de a.gsr-btn-location img {
    width: 25px;
    margin-right: 20px;
    vertical-align: top;
    margin-left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    margin-left: 15px
}

#grt-gap-cra .grt-crpf-btn-de a.gsr-btn-location .ps-button-label {
    display: none
}

@media screen and (max-width:1024px) {
    #grt-gap-cra .gp-cr-detail-heading h2 {
        font-size: 28px;
        margin: 10px 10px 30px 0;
        line-height: 33px
    }

    #grt-gap-cra img.grt-mul-img-vid-crgp-all {
        width: 100%;
        height: auto;
        object-fit: cover;
        background: #f5f5f5
    }
}

@media screen and (max-width:991px) {
    #grt-gap-cra .grt-grcr-acc-detail {
        width: 100%;
        margin: 0 10px
    }

    #grt-gap-cra .grt-img-gp-cr-all {
        display: inherit
    }

    .gp-cr-detail-heading h2 {
        font-size: 19px;
        margin: 10px 45px 10px 0;
        line-height: 25px
    }

    img.grt-mul-img-vid-crgp-all {
        width: 100%;
        height: 300px;
        object-fit: cover;
        background: #f5f5f5
    }
}

@media screen and (max-width:767px) {
    #grt-gap-cra .row {
        margin: 0
    }

    #grt-gap-cra .grt-crpf-btn-de {
        width: 100%;
        text-align: center
    }

    #grt-gap-cra .grt-crpf-btn-de a.gsr-btn-location {
        padding-top: 24px;
        padding-bottom: 24px;
        padding-left: 70px;
        font-size: 30px;
        line-height: .67;
        letter-spacing: 1.5px
    }

    #grt-gap-cra .grt-crpf-btn-de a.gsr-btn-location img {
        width: 30px
    }

    #grt-gap-cra .grt-img-gp-cr-all {
        display: inherit
    }

    #grt-gap-cra .grt-grcr-acc-detail {
        width: 100%;
        margin: 0
    }

    #grt-gap-cra .grt-slic-list-img-vid-crgp {
        margin: 0
    }

    #grt-gap-cra .grt-img-sec-vid ul.slick-dots {
        width: 100%;
        padding: 0;
        opacity: .7;
        bottom: 0;
        background: #ffffff5e;
        height: 20px
    }

    #grt-gap-cra .grt-img-sec-vid ul.slick-dots li.slick-active button:before {
        content: "";
        width: 10px;
        height: 10px;
        background: #000000de;
        border-radius: 10px;
        top: -5px;
        opacity: 1
    }

    #grt-gap-cra .grt-img-sec-vid ul.slick-dots li button:before {
        border: 1px solid #000000de;
        border-radius: 50px;
        width: 10px;
        height: 10px;
        top: -5px;
        opacity: 1;
        content: ""
    }

    #grt-gap-cra img.grt-mul-img-vid-crgp-all {
        height: 290px;
        object-fit: cover;
        min-width: 309px
    }
}

.fbv3 .main {
    display: flex;
    position: relative
}

.fbv3 .main .bck-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.fbv3 .main .inner-div {
    width: 100%;
    display: flex
}

.fbv3 .main .inner-div .container {
    display: flex;
    align-items: flex-start;
    margin-top: 50px;
    margin-bottom: 50px;
    flex-direction: column-reverse
}

@media(min-width:768px) {
    .fbv3 .main .inner-div .container {
        flex-direction: row
    }
}

.fbv3 .main .inner-div .content {
    padding-top: 30px
}

@media(min-width:768px) {
    .fbv3 .main .inner-div .content {
        flex: 1;
        padding-top: 0
    }
}

.fbv3 .main .inner-div .content .header {
    margin: 1% 0;
    font-family: "APKProtocol Medium";
    font-size: 25px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: .9px;
    text-align: left;
    color: #fff
}

@media(min-width:992px) {
    .fbv3 .main .inner-div .content .header {
        font-size: 45px
    }
}

.fbv3 .main .inner-div .content .header p {
    font-family: "APKProtocol Medium";
    font-size: 25px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: .9px;
    color: #fff
}

@media(min-width:992px) {
    .fbv3 .main .inner-div .content .header p {
        font-size: 45px
    }
}

.fbv3 .main .inner-div .content .para {
    font-family: "APKProtocol Medium";
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: .45px;
    text-align: left;
    color: #fff
}

@media(min-width:768px) {
    .fbv3 .main .inner-div .content .para {
        margin: 1% 10% 1% 0;
        letter-spacing: .54px;
        font-size: 18px
    }
}

@media(min-width:992px) {
    .fbv3 .main .inner-div .content .para {
        font-size: 18px;
        line-height: 1.67;
        letter-spacing: .54px
    }
}

.fbv3 .main .inner-div .content .para p {
    font-family: "APKProtocol Medium";
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: .45px;
    text-align: left;
    color: #fff
}

@media(min-width:768px) {
    .fbv3 .main .inner-div .content .para p {
        margin: 1% 10% 1% 0;
        letter-spacing: .54px;
        font-size: 18px
    }
}

@media(min-width:992px) {
    .fbv3 .main .inner-div .content .para p {
        font-size: 18px;
        line-height: 1.67;
        letter-spacing: .54px
    }
}

.fbv3 .main .inner-div .content .content-button {
    width: fit-content;
    border-radius: 6px;
    border: solid 1px rgba(0, 0, 0, 0.5);
    background-color: #fff
}

.fbv3 .main .inner-div .content .content-button a {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-grow: 0;
    padding: 8px 10px;
    text-decoration: none
}

@media(min-width:992px) {
    .fbv3 .main .inner-div .content .content-button a {
        padding: 13px 21px
    }
}

.fbv3 .main .inner-div .content .content-button .txt {
    flex-grow: 0;
    font-family: "APKProtocol Medium";
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: .8;
    letter-spacing: 1.1px;
    text-align: center;
    color: #000
}

@media(min-width:992px) {
    .fbv3 .main .inner-div .content .content-button .txt {
        font-size: 25px;
        line-height: .8;
        letter-spacing: 1.25px
    }
}

.fbv3 .main .inner-div .image-div {
    height: 100%
}

@media(min-width:768px) {
    .fbv3 .main .inner-div .image-div {
        flex: 1
    }
}

.fbv3 .main .inner-div .image-div .image {
    width: 100%;
    height: auto;
    object-fit: contain
}

@media screen and (min-width:768px) {
    .cmp-featuredBlock.img-at-left .fbv3 .main .bck-image {
        height: 425px
    }

    .cmp-featuredBlock.img-at-left .fbv3 .main .inner-div .image-div {
        padding: 3.5% 5% 3.5% 0
    }

    .cmp-featuredBlock.high-width-image .fbv3 .main .inner-div .image-div {
        width: 60%;
        padding-right: 0 !important
    }

    .cmp-featuredBlock.high-width-image .fbv3 .main .inner-div .content {
        width: 40%
    }

    .cmp-featuredBlock.img-at-left.high-width-image.greatstuff-styles .fbv3 .main .bck-image {
        height: 475px;
        object-fit: contain;
        mix-blend-mode: darken;
        background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.85), #000 28%, #000 28%)
    }

    .cmp-featuredBlock.img-at-left.high-width-image.greatstuff-styles .fbv3 .main .inner-div .image-div {
        padding: 76px 0 76px 0 !important
    }

    .cmp-featuredBlock.img-at-left.high-width-image.greatstuff-styles .fbv3 .main .inner-div .image-div .image {
        height: 325px;
        object-fit: contain
    }

    .cmp-featuredBlock.img-at-left.high-width-image.greatstuff-styles .fbv3 .main .inner-div .content {
        padding: 75px 0 75px 24px !important
    }

    .cmp-featuredBlock.img-at-left.high-width-image.greatstuff-styles .fbv3 .main .inner-div .content .header {
        font-family: "APKProtocol Bold";
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: 1.35px;
        text-align: left
    }

    .cmp-featuredBlock.img-at-left.high-width-image.greatstuff-styles .fbv3 .main .inner-div .content .para {
        margin-right: 0
    }

    .cmp-featuredBlock.img-at-left.high-width-image.greatstuff-styles .fbv3 .main .inner-div .content .para p {
        font-size: 17px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.35;
        letter-spacing: .85px;
        text-align: left
    }
}

@media(min-width:768px) and (max-width:990px) {
    .cmp-featuredBlock.img-at-left.high-width-image.greatstuff-styles .fbv3 .main .bck-image {
        height: 331px;
        object-fit: contain;
        mix-blend-mode: darken;
        background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.85), #000 28%, #000 28%)
    }

    .cmp-featuredBlock.img-at-left.high-width-image.greatstuff-styles .fbv3 .main .inner-div .image-div {
        padding: 65px 0 65px 0 !important
    }

    .cmp-featuredBlock.img-at-left.high-width-image.greatstuff-styles .fbv3 .main .inner-div .image-div .image {
        height: 200px
    }

    .cmp-featuredBlock.img-at-left.high-width-image.greatstuff-styles .fbv3 .main .inner-div .content {
        padding: 65px 0 65px 24px !important
    }

    .cmp-featuredBlock.img-at-left.high-width-image.greatstuff-styles .fbv3 .main .inner-div .content .para p {
        font-size: 12px
    }

    .cmp-featuredBlock.img-at-left.high-width-image.greatstuff-styles .fbv3 .main .inner-div .content .header {
        font-size: 23px
    }
}

#grt-icon-button .grt-insul-buttn a {
    font-size: 22px;
    text-decoration: none;
    font-weight: bold
}

#grt-icon-button .grt-insul-buttn a img {
    width: 10%;
    margin-right: 20px;
    vertical-align: bottom
}

#grt-icon-button .grt-insul-buttn {
    border: 1px solid #000;
    padding: 10px 10px;
    width: 50%;
    display: inline-block;
    margin-top: 20px;
    border-radius: 5px
}

@media screen and (max-width:1024px) {
    #grt-icon-button .grt-insul-buttn {
        width: 60%
    }
}

@media screen and (max-width:991px) {
    #grt-icon-button .grt-insul-buttn {
        width: 60%
    }
}

@media screen and (max-width:767px) {
    #grt-icon-button .grt-insul-buttn {
        width: 100%;
        padding: 10px 0;
        text-align: center
    }

    #grt-icon-button .grt-insul-buttn a {
        font-size: 30px
    }

    #grt-icon-button .grt-insul-buttn a img {
        width: 8%;
        float: left;
        margin-left: 20px;
        margin-right: 0
    }
}

#grt-icn-comp {
    margin: 0 0 0 100px
}

#grt-icn-comp .row {
    display: inherit;
    margin: 0
}

#grt-icn-comp ul.ic-list-det-all li {
    padding: 15px 0;
    border-bottom: 1px solid #989a9c;
    list-style: none
}

#grt-icn-comp ul.ic-list-det-all li a {
    color: #da291c;
    font-size: 20px;
    font-family: "APKProtocol Medium";
    border-bottom: 1px solid;
    line-height: 1.2;
    letter-spacing: .4px
}

#grt-icn-comp ul.ic-list-det-all li img {
    margin-right: 10px;
    border-bottom: 0
}

@media(max-width:767px) {
    #grt-icn-comp {
        margin: 0
    }

    #grt-icn-comp .row {
        display: inherit;
        margin: 0
    }

    #grt-icn-comp ul.ic-list-det-all li a {
        font-size: 16px;
        line-height: 1.33;
        letter-spacing: .36px
    }
}

@media(max-width:991px) {
    #grt-icn-comp {
        margin: 0
    }

    #grt-icn-comp .row {
        display: inherit;
        margin: 0
    }
}

#grt-tyk-c-comp .gtr-tyk-detil-all {
    display: flex;
    justify-content: space-between
}

#grt-tyk-c-comp .grt-tyk-first-detail {
    border: solid .5px #6c757d;
    flex: 0 0 49%
}

@media(min-width:768px) {
    #grt-tyk-c-comp .grt-tyk-first-detail {
        display: flex;
        flex-direction: column
    }
}

#grt-tyk-c-comp .grt-tyk-first-detail .grt-tyk-img-det img {
    width: 100%
}

#grt-tyk-c-comp .tyk-logo-img-all {
    padding: 0 20px 0 10px;
    width: 40%;
    flex: 1 0 25%
}

#grt-tyk-c-comp .tyk-logo-img-all img {
    width: 100%
}

#grt-tyk-c-comp .grt-tyk-detil-log-para {
    display: flex;
    align-items: center;
    padding: 10px 10px;
    height: 100%
}

#grt-tyk-c-comp .tyk-para-det p {
    font-size: 16px;
    color: #343a40;
    line-height: 1.56;
    margin: 0;
    font-family: 'APKProtocol Regular'
}

#grt-tyk-c-comp .row {
    display: inherit;
    margin: 0
}

@media(max-width:767px) {
    #grt-tyk-c-comp .grt-tyk-first-detail {
        margin: 0;
        margin-bottom: 30px
    }

    #grt-tyk-c-comp .gtr-tyk-detil-all {
        display: inherit
    }

    #grt-tyk-c-comp .grt-tyk-detil-log-para {
        display: inherit
    }

    #grt-tyk-c-comp .tyk-logo-img-all {
        padding: 0;
        margin-bottom: 10px
    }
}

.cmp-featured-resources {
    overflow-x: hidden;
    padding-bottom: 20px;
    padding-top: 20px
}

.cmp-featured-resources .search-component .container {
    padding: 0 15px
}

@media screen and (min-width:1024px) {
    .cmp-featured-resources .search-component .container {
        padding: 0 94px
    }
}

.cmp-featured-resources .search-component .search-container {
    font-family: "APKProtocol regular"
}

.cmp-featured-resources .search-component .search-container a {
    text-decoration: none
}

.cmp-featured-resources .search-component .search-container a:hover {
    color: #666;
    text-decoration: none
}

.cmp-featured-resources .search-component .search-container .headline {
    float: left;
    max-width: calc(100% - 125px);
    display: none
}

.cmp-featured-resources .search-component .search-container .divider-line {
    border-bottom: 1px solid #e1e1e1;
    position: absolute;
    width: 100%;
    left: 0
}

@media screen and (max-width:768px) {
    .cmp-featured-resources .search-component .search-container .search-result {
        max-width: 100% !important
    }
}

.cmp-featured-resources .search-component .search-container .search-result .results-body {
    width: 100%;
    margin: 0
}

.cmp-featured-resources .search-component .search-container .search-result .validated:before {
    width: 49px;
    height: 53px;
    content: " ";
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/golden-border-icon.svg');
    position: absolute;
    left: 9px;
    top: -6px;
    background-size: 100%;
    background-repeat: no-repeat
}

.cmp-featured-resources .search-component .search-container .search-result .res-list {
    margin-top: 25px;
    position: relative
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .bg-img {
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30% 30%;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    height: 200px
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .bg-img.page {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/page.svg')
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .bg-img.pdf {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/pdf-icon.svg')
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .bg-img.ppt {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/powerpoint-icon.svg')
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .bg-img.doc {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/word-icon.svg')
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .bg-img.sheet {
    background-image: url('https://www.qnityelectronics.com/content/dam/electronics/amer/us/en/electronics/general/icons/sheet-icon.png')
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .bg-img.zip {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/zip-icon.png')
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .bg-img.exe {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/exe-icon.png')
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .bg-img .res-img {
    width: 100%;
    height: 198px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .res-name,
.cmp-featured-resources .search-component .search-container .search-result .res-list .page-name {
    margin: 10px 0 35px 0;
    max-height: 100px;
    overflow: hidden
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .res-name a,
.cmp-featured-resources .search-component .search-container .search-result .res-list .page-name a {
    font-family: "APKProtocol Regular";
    font-size: 1rem
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .res-name .text-search,
.cmp-featured-resources .search-component .search-container .search-result .res-list .page-name .text-search {
    background-color: #beff00
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .res-name .text-search .text-search,
.cmp-featured-resources .search-component .search-container .search-result .res-list .page-name .text-search .text-search {
    background-color: rgba(255, 255, 255, 0)
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .res-download {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .res-download a {
    float: left;
    margin-right: 10%;
    padding: 0 10px 6px 4px;
    border-radius: 20px
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .res-download a:hover {
    color: #666
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .res-download a:hover .dn-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .res-download a span {
    top: -2px;
    position: relative
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .res-download a.selected {
    background: #beff00
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .res-download a.selected:hover {
    color: #666
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .res-download a.selected .dn-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-featured-resources .search-component .search-container .search-result .res-list .res-download a>.dn-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100% 100%;
    position: relative;
    top: 5px;
    margin-right: 3px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadWhitetick.png')
}

.cmp-featured-resources .search-component .search-container .search-result .image-list {
    margin-top: 25px;
    position: relative
}

.cmp-featured-resources .search-component .search-container .search-result .image-list .bg-img {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/bg-placeholder.png');
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40% 40%;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    height: 200px
}

.cmp-featured-resources .search-component .search-container .search-result .image-list .bg-img .thumb-img {
    width: 100%;
    height: 198px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.cmp-featured-resources .search-component .search-container .search-result .image-list .img-name {
    margin: 10px 0 35px 0;
    max-height: 100px;
    overflow: hidden
}

.cmp-featured-resources .search-component .search-container .search-result .image-list .img-name .text-search {
    background-color: #beff00
}

.cmp-featured-resources .search-component .search-container .search-result .image-list .img-name .text-search .text-search {
    background-color: rgba(255, 255, 255, 0)
}

.cmp-featured-resources .search-component .search-container .search-result .image-list .img-download {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%
}

.cmp-featured-resources .search-component .search-container .search-result .image-list .img-download a {
    float: left;
    margin-right: 10%;
    padding: 0 10px 6px 4px;
    border-radius: 20px
}

.cmp-featured-resources .search-component .search-container .search-result .image-list .img-download a:hover {
    color: #beff00
}

.cmp-featured-resources .search-component .search-container .search-result .image-list .img-download a:hover .dn-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-featured-resources .search-component .search-container .search-result .image-list .img-download a span {
    top: -2px;
    position: relative
}

.cmp-featured-resources .search-component .search-container .search-result .image-list .img-download a.selected {
    background: #beff00
}

.cmp-featured-resources .search-component .search-container .search-result .image-list .img-download a.selected .dn-icon {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadHovertick.png')
}

.cmp-featured-resources .search-component .search-container .search-result .image-list .img-download a>.dn-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100% 100%;
    position: relative;
    top: 5px;
    margin-right: 3px;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/downloadWhitetick.png')
}

.cmp-featured-resources .search-component .search-container .search-result .video-list {
    margin-top: 25px;
    position: relative;
    height: 280px
}

.cmp-featured-resources .search-component .search-container .search-result .video-list video {
    width: 100%;
    height: 200px;
    object-fit: fill;
    background: black;
    box-shadow: 1px -2px 6px -5px #000;
    -webkit-box-shadow: 1px -2px 6px -5px #000
}

.cmp-featured-resources .search-component .search-container .search-result .video-list .play-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    top: 80px;
    left: 45%;
    background-size: 100% 100%;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/video-play-icon.svg')
}

.cmp-featured-resources .search-component .search-container .search-result .video-list .lock-screen {
    height: 180px;
    top: -188px
}

.cmp-featured-resources .search-component .search-container .search-result .video-list .unlock-icon,
.cmp-featured-resources .search-component .search-container .search-result .video-list .lock-icon {
    background-color: #fff !important;
    background-size: 80% 80% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 1px solid #000 !important;
    border-radius: 5px !important
}

.cmp-featured-resources .search-component .search-container .search-result .video-list .vid-name-container {
    width: 100%;
    padding: 8px;
    position: relative;
    top: -5px;
    overflow: hidden;
    height: 60px;
    background: #fff
}

.cmp-featured-resources .search-component .search-container .search-result .video-list .vid-name-container.top-set {
    top: -185px
}

.cmp-featured-resources .search-component .search-container .search-result .video-list .vid-name-container .vid-name {
    margin: 10px 0 25px 0;
    max-height: 100px;
    overflow: hidden;
    font-family: "APKProtocol Regular";
    font-size: 1rem
}

.cmp-featured-resources .search-component .search-container .search-result .video-list .vid-name-container .vid-name .text-search {
    background-color: #beff00
}

.cmp-featured-resources .search-component .search-container .search-result .video-list .vid-name-container .vid-name .text-search .text-search {
    background-color: rgba(255, 255, 255, 0)
}

.cmp-featured-resources .search-component .search-container .search-result .block-view,
.cmp-featured-resources .search-component .search-container .search-result .list-view {
    display: none
}

.cmp-featured-resources .search-component .search-container .search-result .no-result-text {
    font-size: 20px;
    margin: 20px;
    font-weight: 500;
    display: none
}

.cmp-featured-resources .search-component .search-container .search-result .lock-screen {
    width: 100%;
    height: 200px;
    position: relative;
    top: -200px;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    cursor: pointer
}

.cmp-featured-resources .search-component .search-container .search-result .lock-screen .lock-icon {
    width: 35px;
    height: 35px;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/lock-blackborder-blackbg-icon.svg');
    background-size: 100% 100%
}

.cmp-featured-resources .search-component .search-container .search-result .lock-screen .sign-in-link {
    color: #fff;
    text-align: center;
    margin-top: 5px;
    cursor: pointer;
    background: grey;
    padding: 2px 10px;
    border-radius: 5px;
    text-shadow: 1px 1px 5px black
}

.cmp-featured-resources .search-component .search-container .search-result .lock-screen .sign-in-link span {
    display: block
}

.cmp-featured-resources .search-component .search-container .search-result .lock-screen .sign-in-link:hover {
    text-decoration: underline
}

.cmp-featured-resources .search-component .search-container .search-result .hor-lock-screen {
    width: 100% !important;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    height: calc(100% - 11px);
    top: 5px;
    cursor: pointer
}

.cmp-featured-resources .search-component .search-container .search-result .hor-lock-screen .hor-lock-icon {
    width: 35px;
    height: 35px;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/lock-blackborder-blackbg-icon.svg');
    background-size: 100% 100%
}

.cmp-featured-resources .search-component .search-container .search-result .hor-lock-screen .hor-sign-in-link {
    color: #fff;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
    background: grey;
    padding: 2px 10px;
    border-radius: 5px;
    text-shadow: 1px 1px 5px black
}

.cmp-featured-resources .search-component .search-container .search-result .hor-lock-screen .hor-sign-in-link:hover {
    text-decoration: underline
}

.cmp-featured-resources .search-component .search-container .search-result .unlock-icon {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/unlock-blackborder-blackbg-icon.svg');
    background-size: 100% 100%;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 20px;
    float: right
}

.cmp-featured-resources .search-component .search-container .search-result .hor-unlock-icon {
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/unlock-blackborder-blackbg-icon.svg');
    background-size: 100% 100%;
    width: 20px !important;
    height: 20px;
    margin-right: 5px;
    float: right;
    margin-top: 6px
}

.cmp-featured-resources #video-model {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000
}

.cmp-featured-resources #video-model #model-close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #fff;
    font-size: xx-large;
    position: absolute;
    right: 20px;
    top: 20px
}

.cmp-featured-resources #video-model #vid-container {
    position: relative;
    width: 80%;
    left: 10%;
    top: 50%;
    transform: translateY(-50%)
}

.cmp-featured-resources #video-model #vid-container video {
    width: 100%
}

.cmp-featured-resources .model-bg {
    position: fixed;
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 101
}

.cmp-featured-resources .model-bg .model-close-btn {
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #fff;
    font-size: xx-large;
    position: absolute;
    right: 20px;
    top: 20px
}

.cmp-featured-resources #signin-model #sigin-container {
    position: relative;
    max-width: 80%;
    width: 500px;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #eee;
    font-family: "APKProtocol Regular"
}

.cmp-featured-resources #signin-model #sigin-container .heading-text {
    background: #eee;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    border-radius: 10px 10px 0 0
}

.cmp-featured-resources #signin-model #sigin-container .heading-text span {
    display: block
}

.cmp-featured-resources #signin-model #sigin-container .btns-container {
    margin: 60px 0;
    display: flex;
    justify-content: center
}

.cmp-featured-resources #signin-model #sigin-container .btns-container .sign-in {
    padding: 12px 30px;
    border-radius: 25px;
    margin: 0 10px;
    color: #fff;
    background: #beff00;
    border: 1px solid #beff00;
    text-align: center
}

.cmp-featured-resources #signin-model #sigin-container .btns-container .sign-in:hover {
    color: #000;
    background: #fff
}

.cmp-featured-resources #signin-model #sigin-container .btns-container .sign-up {
    padding: 12px 30px;
    border-radius: 25px;
    margin: 0 10px;
    color: #000;
    background: #fff;
    border: 1px solid #beff00;
    text-align: center
}

.cmp-featured-resources #signin-model #sigin-container .btns-container .sign-up:hover {
    color: #fff;
    background: #beff00
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-featured-resources #signin-model #sigin-container .btns-container .sign-up {
        margin-top: 15px
    }
}

@media screen and (max-width:calc(576px - 1px)) {
    .cmp-featured-resources #signin-model #sigin-container .btns-container {
        flex-direction: column;
        width: 80%;
        margin-left: 10%
    }
}

.cmp-featured-resources .dn-cart-container {
    position: fixed;
    bottom: 100px;
    right: 50px;
    cursor: pointer;
    display: none;
    z-index: 1;
    animation: tilt-shaking .5s forwards ease-in-out;
    animation-iteration-count: 2
}

@media screen and (max-width:1024px) {
    .cmp-featured-resources .dn-cart-container {
        right: 15px
    }
}

@media screen and (max-width:576px) {
    .cmp-featured-resources .dn-cart-container {
        bottom: 50px
    }
}

@keyframes tilt-shaking {
    1% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(10deg)
    }

    50% {
        transform: rotate(0eg)
    }

    75% {
        transform: rotate(-10deg)
    }

    100% {
        transform: rotate(0)
    }
}

.cmp-featured-resources .dn-cart-container .dn-cart {
    display: block;
    width: 55px;
    height: 47px;
    background-size: 100% 100%;
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/rc_download_cart.png')
}

.cmp-featured-resources .dn-cart-container .file-count {
    width: 25px;
    height: 25px;
    border: 1px solid #beff00;
    background: #fff;
    border-radius: 20px;
    position: absolute;
    top: -2px;
    right: -7px;
    text-align: center;
    font-size: 100%;
    font-family: "APKProtocol Semibold"
}

.cmp-featured-resources .dn-cart-container .doc-loader {
    padding: 5px 10px;
    visibility: hidden
}

.cmp-featured-resources .dn-cart-container .doc-loader.show {
    visibility: visible
}

.cmp-featured-resources .dn-cart-container .doc-loader .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #beff00
}

.cmp-featured-resources .dn-cart-container .doc-loader .dot:nth-last-child(1) {
    animation: jumpingAnimation 1.2s .6s linear infinite
}

.cmp-featured-resources .dn-cart-container .doc-loader .dot:nth-last-child(2) {
    animation: jumpingAnimation 1.2s .3s linear infinite
}

.cmp-featured-resources .dn-cart-container .doc-loader .dot:nth-last-child(3) {
    animation: jumpingAnimation 1.2s 0 linear infinite
}

@keyframes jumpingAnimation {
    1% {
        transform: translate(0, 0)
    }

    16% {
        transform: translate(0, -15px)
    }

    33% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

.accordion-block>.accordion_acc:last-child {
    border-bottom: 1px solid #a6a6a6
}

@keyframes vertical-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.accordion-block .accordion_acc .acc-head {
    border-top: 1px solid #a6a6a6;
    display: block;
    cursor: pointer;
    padding-left: 0;
    padding-right: 10px
}

@media only screen and (max-width:767px) {
    .accordion-block .accordion_acc .acc-head {
        padding-right: 5px
    }
}

.accordion-block .accordion_acc .acc-head:hover {
    background-color: rgba(40, 106, 179, 0.1)
}

.accordion-block .accordion_acc .acc-head .acc-title-desc {
    padding: 15px;
    padding-right: 20px;
    padding-left: 10px;
    position: relative
}

.accordion-block .accordion_acc .acc-head .acc-title-desc .acc-title {
    font-family: "APKProtocol Regular";
    font-size: 16px;
    line-height: normal;
    letter-spacing: normal;
    margin-right: 5px
}

.accordion-block .accordion_acc .acc-head .acc-title-desc .acc-desc {
    font-family: "APKProtocol Regular";
    font-size: 16px;
    line-height: normal;
    letter-spacing: normal;
    margin-top: 5px;
    margin-right: 10px
}

.accordion-block .accordion_acc .acc-head .acc-title-desc .acc-desc:empty {
    display: none
}

.accordion-block .accordion_acc .acc-head .acc-title-desc:after {
    content: "";
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/plus-solid-blue.svg');
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.accordion-block .accordion_acc .acc-head .acc-title-desc.link:after {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/right-arrow-blue-tyvek.svg');
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.accordion-block .accordion_acc .acc-head.active .acc-title-desc:after {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/minus-solid-blue.svg')
}

.accordion-block .accordion_acc .acc-panel {
    display: none;
    padding: 30px;
    font-family: "APKProtocol Regular";
    font-size: 16px;
    border-top: 1px solid #a6a6a6;
    padding-left: 25px;
    padding-right: 25px;
    background-color: rgba(77, 89, 90, 0.025)
}

@media only screen and (max-width:767px) {
    .accordion-block .accordion_acc .acc-panel {
        padding: 15px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.accordion-block .accordion_acc .acc-panel .acc-content {
    font-size: 14px;
    padding-bottom: 15px
}

.accordion-block .accordion_acc .acc-panel .acc-content:empty {
    display: none
}

.accordion-block .accordion_acc .acc-panel .acc-content .cb-cta {
    display: block;
    width: 60%;
    background: #144580;
    color: #fff;
    text-align: center;
    font-family: 'APKProtocol Regular';
    font-size: 14px;
    padding: 12px 5px;
    margin-bottom: 1px;
    position: relative;
    padding-right: 40px;
    margin: auto
}

.accordion-block .accordion_acc .acc-panel .acc-content .cb-cta:after {
    content: '';
    width: 25px;
    height: 28px;
    background: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/clipboard-icon.svg');
    display: block;
    background-size: 100%;
    position: absolute;
    right: 10px;
    top: calc(50% - 14px);
    background-repeat: no-repeat
}

@media screen and (max-width:576px) {
    .accordion-block .accordion_acc .acc-panel .acc-content .cb-cta {
        width: 90%
    }
}

.accordion-block .accordion_acc .acc-panel p,
.accordion-block .accordion_acc .acc-panel td,
.accordion-block .accordion_acc .acc-panel a,
.accordion-block .accordion_acc .acc-panel th,
.accordion-block .accordion_acc .acc-panel li {
    font-size: 14px
}

.accordion-block .accordion_acc .acc-panel th,
.accordion-block .accordion_acc .acc-panel td {
    padding: 5px
}

.accordion-block.editmode .accordion_acc .acc-panel {
    display: block
}

.accordion-block.tyveksmart-color .accordion-block>.accordion_acc:last-child {
    border-bottom: 1px solid rgba(166, 166, 166, 0.25)
}

.accordion-block.tyveksmart-color .acc-head {
    color: #144580;
    border-top: 1px solid rgba(166, 166, 166, 0.15)
}

.accordion-block.tyveksmart-color .acc-head.active {
    background-color: #144580
}

.accordion-block.tyveksmart-color .acc-head.active .acc-title {
    color: #fff
}

.accordion-block.tyveksmart-color .acc-head.active .acc-title-desc:after {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/minus-solid-white.svg')
}

.accordion-block.tyveksmart-color .acc-title {
    color: #144580
}

.accordion-block.tyveksmart-color .acc-panel {
    background-color: rgba(166, 166, 166, 0.15)
}

.accordion-block.tyveksmart-styles>.accordion_acc>.acc-head .acc-title-desc .acc-title {
    font-family: "APKProtocol Bold";
    font-size: 30px;
    line-height: normal;
    letter-spacing: normal;
    color: #144580
}

.accordion-block.tyveksmart-styles .acc-head {
    border-top: 0
}

.accordion-block.tyveksmart-styles .acc-head.active {
    background-color: rgba(40, 106, 179, 0.1)
}

.accordion-block.tyveksmart-styles .acc-head:hover {
    background-color: rgba(40, 106, 179, 0.1)
}

.accordion-block.tyveksmart-styles .acc-head .acc-title-desc:after {
    height: 30px;
    width: 30px
}

.accordion-block.tyveksmart-styles .acc-head .acc-title-desc.link:after {
    height: 30px;
    width: 30px
}

.accordion-block.tyveksmart-styles .acc-panel {
    border-top: 0
}

.accordion-block.tyveksmart-styles .accordion_acc {
    border-bottom: 0
}

.accordion-block.tyveksmart-styles2>.accordion_acc>.acc-head .acc-title-desc .acc-title {
    font-family: "APKProtocol Bold";
    font-size: 26px;
    line-height: normal;
    letter-spacing: normal;
    color: #144580
}

@media only screen and (max-width:767px) {
    .accordion-block.tyveksmart-styles2>.accordion_acc>.acc-head .acc-title-desc .acc-title {
        font-size: 18px;
        line-height: 1.4
    }
}

.accordion-block.tyveksmart-styles2>.accordion_acc>.acc-head .acc-title-desc:after {
    height: 25px;
    width: 25px
}

.accordion-block.tyveksmart-styles2>.accordion_acc>.acc-head .acc-title-desc.link:after {
    height: 25px;
    width: 25px
}

.accordion-block.tyveksmart-styles3>.accordion_acc>.acc-head {
    background-color: #144580;
    color: #fff;
    margin-bottom: 10px
}

.accordion-block.tyveksmart-styles3>.accordion_acc>.acc-head .acc-title-desc {
    padding-left: 15px
}

.accordion-block.tyveksmart-styles3>.accordion_acc>.acc-head .acc-title-desc .acc-title {
    color: #fff
}

.accordion-block.tyveksmart-styles3>.accordion_acc>.acc-head .acc-title-desc:after {
    background-image: url('https://www.qnityelectronics.com/Development/resources/images/icons/plus-solid-white.svg')
}

.accordion-block.tyveksmart-styles3>.accordion_acc>.acc-head.active {
    background-color: #3f81ff
}

.accordion-block.tyveksmart-styles3>.accordion_acc>.acc-head.active .acc-title-desc:after {
    background-image: url('https://www.qnityelectronics.com/Development/resources/images/icons/minus-solid-white.svg')
}

.accordion-block.tyveksmart-styles3>.accordion_acc>.acc-head:hover {
    background-color: #3f81ff
}

.nested-accordion.tyveksmart-color .accordion-block>.accordion_acc:last-child {
    border-bottom: 1px solid rgba(166, 166, 166, 0.25)
}

.nested-accordion.tyveksmart-color .accordion-block .acc-title {
    color: #144580
}

.nested-accordion.tyveksmart-color .accordion-block .acc-head {
    color: #144580;
    border-top: 1px solid rgba(166, 166, 166, 0.25)
}

.nested-accordion.tyveksmart-color .accordion-block .acc-head.active {
    background-color: #144580
}

.nested-accordion.tyveksmart-color .accordion-block .acc-head.active .acc-title {
    color: #fff
}

.nested-accordion.tyveksmart-color .accordion-block .acc-head.active .acc-title-desc:after {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/minus-solid-white.svg')
}

.nested-accordion.tyveksmart-color .accordion-block .acc-panel {
    background-color: rgba(166, 166, 166, 0.15)
}

.nested-accordion.tyveksmart-styles .accordion-block>.accordion_acc>.acc-head .acc-title-desc .acc-title {
    font-family: "APKProtocol Bold";
    font-size: 30px;
    line-height: normal;
    letter-spacing: normal;
    color: #144580
}

@media only screen and (max-width:992px) {
    .nested-accordion.tyveksmart-styles .accordion-block>.accordion_acc>.acc-head .acc-title-desc .acc-title {
        font-size: 25px
    }
}

@media only screen and (max-width:767px) {
    .nested-accordion.tyveksmart-styles .accordion-block>.accordion_acc>.acc-head .acc-title-desc .acc-title {
        font-size: 20px;
        line-height: 1.4
    }
}

.nested-accordion.tyveksmart-styles .accordion-block>.accordion_acc>.acc-head .acc-title-desc:after {
    height: 25px;
    width: 25px
}

@media only screen and (max-width:767px) {
    .nested-accordion.tyveksmart-styles .accordion-block>.accordion_acc>.acc-head .acc-title-desc:after {
        height: 20px;
        width: 20px
    }
}

.nested-accordion.tyveksmart-styles .accordion-block>.accordion_acc>.acc-head .acc-title-desc.link:after {
    height: 25px;
    width: 25px
}

@media only screen and (max-width:767px) {
    .nested-accordion.tyveksmart-styles .accordion-block>.accordion_acc>.acc-head .acc-title-desc.link:after {
        height: 20x;
        width: 20px
    }
}

.nested-accordion.tyveksmart-styles .acc-head {
    border-top: 0
}

.nested-accordion.tyveksmart-styles .acc-head.active {
    background-color: rgba(40, 106, 179, 0.1)
}

.nested-accordion.tyveksmart-styles .acc-head:hover {
    background-color: rgba(40, 106, 179, 0.1)
}

.nested-accordion.tyveksmart-styles .acc-head .acc-title-desc:after {
    height: 25px;
    width: 25px
}

.nested-accordion.tyveksmart-styles .acc-head .acc-title-desc.link:after {
    height: 25px;
    width: 25px
}

.nested-accordion.tyveksmart-styles .acc-panel {
    border-top: 0
}

.nested-accordion.tyveksmart-styles .accordion_acc {
    border-bottom: 0
}

.nested-accordion.tyveksmart-styles2 .accordion-block>.accordion_acc>.acc-head .acc-title-desc .acc-title {
    font-family: "APKProtocol Bold";
    font-size: 26px;
    line-height: normal;
    letter-spacing: normal;
    color: #144580
}

@media only screen and (max-width:767px) {
    .nested-accordion.tyveksmart-styles2 .accordion-block>.accordion_acc>.acc-head .acc-title-desc .acc-title {
        font-size: 18px;
        line-height: 1.4
    }
}

.nested-accordion.tyveksmart-styles2 .accordion-block>.accordion_acc>.acc-head .acc-title-desc:after {
    height: 23px;
    width: 23px
}

.nested-accordion.tyveksmart-styles2 .accordion-block>.accordion_acc>.acc-head .acc-title-desc.link:after {
    height: 23px;
    width: 23px
}

.nested-accordion.tyveksmart-linksView .acc-head {
    background-color: #144580;
    border-top: 2px solid #fff
}

.nested-accordion.tyveksmart-linksView .acc-head:hover {
    background-color: #3f81ff
}

.nested-accordion.tyveksmart-linksView .acc-head .acc-title-desc {
    color: #fff;
    padding-bottom: 10px;
    padding-top: 10px
}

.nested-accordion.tyveksmart-linksView .acc-head .acc-title-desc.link:after {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/right-arrow-white.svg')
}

.nested-accordion.tyveksmart-styles3 .accordion-block>.accordion_acc>.acc-head {
    background-color: #144580;
    color: #fff;
    margin-bottom: 10px
}

.nested-accordion.tyveksmart-styles3 .accordion-block>.accordion_acc>.acc-head .acc-title-desc {
    padding-left: 15px
}

.nested-accordion.tyveksmart-styles3 .accordion-block>.accordion_acc>.acc-head .acc-title-desc .acc-title {
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    margin-right: 15px
}

.nested-accordion.tyveksmart-styles3 .accordion-block>.accordion_acc>.acc-head .acc-title-desc:after {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/plus-solid-white.svg');
    height: 20px;
    width: 20px
}

.nested-accordion.tyveksmart-styles3 .accordion-block>.accordion_acc>.acc-head.active {
    background-color: #3f81ff
}

.nested-accordion.tyveksmart-styles3 .accordion-block>.accordion_acc>.acc-head.active .acc-title-desc:after {
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/minus-solid-white.svg');
    height: 20px;
    width: 20px
}

.nested-accordion.tyveksmart-styles3 .accordion-block>.accordion_acc>.acc-head:hover {
    background-color: #3f81ff
}

.nested-accordion.acc-open .acc-head {
    pointer-events: none;
    background-color: rgba(40, 106, 179, 0.1);
    display: block !important
}

.nested-accordion.acc-open .acc-head .acc-title-desc:after {
    display: none
}

.nested-accordion.acc-open .acc-panel {
    display: block !important
}

.iconList_tyvekSmartView .icons_withLink {
    overflow: hidden;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 3px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: center
}

@media screen and (min-width:375px) and (max-width:991px) {
    .iconList_tyvekSmartView .icons_withLink {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

.iconList_tyvekSmartView .icons_withLink>div {
    background-color: rgba(166, 166, 166, 0.15);
    position: relative
}

.iconList_tyvekSmartView .icons_withLink>div>a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    position: relative;
    z-index: 1;
    padding: 15px
}

.iconList_tyvekSmartView .icons_withLink>div>div.icons_withLink__hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #144580;
    z-index: 0;
    transition-duration: 600ms;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transform: scale(0) perspective(300px) rotateX(60deg)
}

.iconList_tyvekSmartView .icons_withLink>div:hover a {
    color: #fff
}

.iconList_tyvekSmartView .icons_withLink>div:hover div.icons_withLink__icon {
    transform: scale(1.15)
}

.iconList_tyvekSmartView .icons_withLink>div:hover div.icons_withLink__icon path {
    fill: white
}

.iconList_tyvekSmartView .icons_withLink>div:hover div.icons_withLink__icon .main_icon {
    display: none
}

.iconList_tyvekSmartView .icons_withLink>div:hover div.icons_withLink__icon .hover_icon {
    display: inline-block
}

.iconList_tyvekSmartView .icons_withLink>div:hover div.icons_withLink__title {
    transform: scale(1.15);
    color: #fff
}

.iconList_tyvekSmartView .icons_withLink>div:hover div.icons_withLink__hover {
    transform: scale(1) perspective(300px) rotateX(0)
}

.iconList_tyvekSmartView .icons_withLink .icons_withLink__icon {
    transition-delay: 200ms;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    margin-bottom: 15px;
    text-align: center
}

.iconList_tyvekSmartView .icons_withLink .icons_withLink__icon .icon_cta {
    height: 70px
}

.iconList_tyvekSmartView .icons_withLink .icons_withLink__icon .icon_cta path {
    fill: #4d595a
}

.iconList_tyvekSmartView .icons_withLink .icons_withLink__icon .main_icon {
    display: inline-block
}

.iconList_tyvekSmartView .icons_withLink .icons_withLink__icon .hover_icon {
    display: none
}

.iconList_tyvekSmartView .icons_withLink .icons_withLink__title {
    transition-delay: 300ms;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    text-transform: uppercase;
    font-weight: 800;
    color: #4d595a;
    font-size: 14px;
    font-family: "APKProtocol Bold"
}

.iconList_tyvekSmartView .grid {
    display: -ms-grid;
    display: grid
}

.iconList_tyvekSmartView .ease {
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.list__icon_image .list_outer .list {
    display: flex;
    flex-wrap: wrap
}

.list__icon_image .list_outer .list .list_item {
    display: flex;
    margin-bottom: 15px;
    padding: 15px;
    width: 100%
}

@media only screen and (max-width:991px) {
    .list__icon_image .list_outer .list .list_item {
        padding-left: 0;
        padding-right: 0;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media only screen and (min-width:1200px) {
    .list__icon_image .list_outer .list .list_item {
        width: calc(50% - 25px);
        margin-bottom: 30px
    }

    .list__icon_image .list_outer .list .list_item:nth-child(even) {
        margin-left: 25px
    }

    .list__icon_image .list_outer .list .list_item:nth-child(odd) {
        margin-right: 10px
    }
}

.list__icon_image .list_outer .list .list_item:hover {
    background-color: #144580
}

.list__icon_image .list_outer .list .list_item:hover .item_link .item_content {
    padding: 15px
}

.list__icon_image .list_outer .list .list_item:hover .item_link .item_content .item_title {
    color: #fff
}

.list__icon_image .list_outer .list .list_item:hover .item_link .item_content .item_desc {
    color: #fff
}

.list__icon_image .list_outer .list .list_item:hover .item_link .item_content .item_desc p {
    color: #fff
}

.list__icon_image .list_outer .list .list_item:hover .item_link .item_image1 {
    background-color: #fff;
    outline: #144580 2px solid;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.list__icon_image .list_outer .list .list_item.ease {
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.list__icon_image .list_outer .list .list_item.odd .item_link .item_image1 {
    left: auto;
    right: -70px;
    margin-left: 0;
    margin-right: -30px
}

.list__icon_image .list_outer .list .list_item .item_link {
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative
}

.list__icon_image .list_outer .list .list_item .item_link .item_image1 {
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: calc(100% + (30px - 4px));
    position: absolute;
    left: -100px;
    top: calc(-13px);
    outline: #fff 2px solid;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    background-size: cover
}

@media only screen and (max-width:991px) {
    .list__icon_image .list_outer .list .list_item .item_link .item_image1 {
        display: none
    }
}

.list__icon_image .list_outer .list .list_item .item_link .item_image1.ease {
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.list__icon_image .list_outer .list .list_item .item_link .itemicon_placeholder {
    width: 100px;
    height: 100px;
    margin-right: 15px;
    margin-left: 15px
}

@media only screen and (max-width:767px) {
    .list__icon_image .list_outer .list .list_item .item_link .itemicon_placeholder {
        margin-left: 0;
        width: 75px;
        height: 75px
    }
}

.list__icon_image .list_outer .list .list_item .item_link .itemicon_placeholder .item_icon {
    background-repeat: no-repeat;
    background-size: contain;
    height: 122px;
    width: 122px;
    transform: scale(0.8);
    transform-origin: 10px 10px
}

@media only screen and (max-width:767px) {
    .list__icon_image .list_outer .list .list_item .item_link .itemicon_placeholder .item_icon {
        transform: scale(0.6)
    }
}

.list__icon_image .list_outer .list .list_item .item_link .item_content {
    padding: 15px
}

@media only screen and (max-width:992px) {
    .list__icon_image .list_outer .list .list_item .item_link .item_content {
        padding-left: 0
    }
}

.list__icon_image .list_outer .list .list_item .item_link .item_content .item_title {
    font-size: 20px;
    font-family: "APKProtocol Bold";
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #144580
}

@media only screen and (max-width:767px) {
    .list__icon_image .list_outer .list .list_item .item_link .item_content .item_title {
        font-size: 16px;
        margin-bottom: 0
    }
}

.list__icon_image .list_outer .list .list_item .item_link .item_content .item_desc {
    font-size: 14px;
    font-family: "APKProtocol Regular";
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 10px
}

@media only screen and (max-width:768px) {
    .list__icon_image .list_outer .list .list_item .item_link .item_content .item_desc {
        display: none
    }
}

.list__icon_image .list_outer .list .list_item .item_link .item_content .item_desc p {
    font-size: 14px;
    font-family: "APKProtocol Regular";
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 10px
}

@media only screen and (min-width:768px) {
    .prod_image_accordion {
        display: flex
    }
}

.prod_image_accordion .prodImageSec {
    padding: 10px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .prod_image_accordion .prodImageSec {
        width: 60%
    }
}

.prod_image_accordion .accordionSec {
    margin-bottom: 100px;
    display: flex;
    align-items: flex-end;
    width: 100%
}

@media only screen and (min-width:768px) {
    .prod_image_accordion .accordionSec {
        width: 40%
    }
}

.prod_image_accordion .accordionSec .accordion-block {
    width: 100%
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    0 {
        opacity: .25
    }

    100% {
        opacity: 1
    }
}

@media only screen and (max-width:991px) {
    .productImagewithHotspots .row {
        flex-direction: column-reverse
    }
}

.productImagewithHotspots .left-sec {
    display: flex;
    align-items: center;
    padding: 0
}

.productImagewithHotspots .productRelatedImages {
    width: 100%
}

.productImagewithHotspots .productRelatedImages .productVariantImages {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center
}

.productImagewithHotspots .productRelatedImages .productVariantImages .variant_detail {
    max-width: 49%;
    border: 1px solid rgba(166, 166, 166, 0.15);
    margin: 1%;
    width: 48%;
    padding: 3px
}

.productImagewithHotspots .productRelatedImages .productVariantImages .variant_detail .variant {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.productImagewithHotspots .productRelatedImages .productVariantImages .variant_detail .variant_txt {
    font-family: "APKProtocol Regular";
    font-size: 12px;
    letter-spacing: normal;
    line-height: normal
}

.productImagewithHotspots .productRelatedImages .productOtherImages {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media only screen and (max-width:991px) {
    .productImagewithHotspots .productRelatedImages .productOtherImages {
        margin-bottom: 30px
    }
}

.productImagewithHotspots .productRelatedImages .productOtherImages .picto_block {
    padding: 5px
}

.productImagewithHotspots .productRelatedImages .productOtherImages .picto_block .picto {
    width: 60px;
    height: 60px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.productImagewithHotspots .productRelatedImages .productOtherImages .picto_block .picto_text {
    font-family: "APKProtocol Regular";
    font-size: 10px;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    width: 60px
}

.productImagewithHotspots .productImageBlock {
    width: 100%
}

@media only screen and (max-width:1199px) {
    .productImagewithHotspots .productImageBlock {
        text-align: center
    }
}

.productImagewithHotspots .productImageBlock .productImage {
    width: 100%;
    height: 100%
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .productImagewithHotspots .productImageBlock .productImage {
        width: 400px
    }
}

@media only screen and (min-width:768px) {
    .productImagewithHotspots .productImageBlock .productImage {
        width: 400px
    }
}

.productImagewithHotspots .productImageBlock .hotspots {
    position: relative
}

.productImagewithHotspots .productImageBlock .hotspots .hotspot {
    display: none;
    position: absolute;
    z-index: 10;
    width: 30px;
    height: 30px;
    border: 3px solid #414b4c;
    background-color: #4d595a;
    border-radius: 50%;
    cursor: pointer;
    mix-blend-mode: hard-light;
    transition: all 250ms linear;
    border: 3px solid #fff !important;
    background-color: rgba(20, 69, 128, 0.65) !important
}

@media only screen and (min-width:1201px) {
    .productImagewithHotspots .productImageBlock .hotspots .hotspot {
        display: block
    }
}

.productImagewithHotspots .productImageBlock .hotspots .hotspot:after {
    border-color: #144580;
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px dashed #144580;
    position: absolute;
    top: -9px;
    left: -9px;
    transition: all 250ms linear;
    visibility: hidden;
    opacity: 0
}

.productImagewithHotspots .productImageBlock .hotspots .hotspot:hover {
    background-color: #144580 !important
}

.productImagewithHotspots .productImageBlock .hotspots .hotspot:hover:after {
    visibility: visible;
    opacity: 1;
    animation: rotate 3s infinite linear
}

.productImagewithHotspots .productImageBlock .hotspots .hotspot.active:after {
    visibility: visible;
    opacity: 1;
    animation: rotate 3s infinite linear
}

.productImagewithHotspots .productImageBlock .legends {
    display: none
}

@media only screen and (min-width:1201px) {
    .productImagewithHotspots .productImageBlock .legends {
        display: block
    }
}

.productImagewithHotspots .productImageBlock .legends .legends_info {
    display: none;
    font-weight: 800;
    position: absolute;
    z-index: 2;
    top: 15%;
    left: 125%;
    color: #beff00;
    white-space: nowrap;
    transform: translateY(-50%);
    animation: blink 1s linear infinite alternate-reverse backwards
}

@media only screen and (min-width:1201px) {
    .productImagewithHotspots .productImageBlock .legends .legends_info {
        display: block
    }
}

.productImagewithHotspots .productImageBlock .legends .legends_info:before {
    content: "";
    background-image: url('../../../content/dam/electronics/amer/us/en/electronics/general/icons/alert.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
    position: absolute;
    left: -30px;
    top: 0
}

.productImagewithHotspots .productImageBlock .legends .legend {
    display: none;
    width: 100%;
    max-width: 280px;
    position: absolute;
    z-index: 10;
    right: -100%;
    top: 10%;
    visibility: hidden
}

@media only screen and (min-width:768px) {
    .productImagewithHotspots .productImageBlock .legends .legend {
        display: block
    }
}

.productImagewithHotspots .productImageBlock .legends .legend.active {
    visibility: visible
}

.productImagewithHotspots .productImageBlock .legends .legend.active .legend__inner {
    transform: translateY(0);
    opacity: 1
}

.productImagewithHotspots .productImageBlock .legends .legend.active .legend__inner:before {
    width: 100%;
    left: 0
}

.productImagewithHotspots .productImageBlock .legends .legend.active .legend_thumbnail {
    display: none;
    transition: all 600ms 300ms ease-out;
    top: 0;
    box-shadow: 0 5px 20px rgba(77, 89, 90, 0.2)
}

.productImagewithHotspots .productImageBlock .legends .legend.active .legend_thumbnail:has(img[src]) {
    display: block
}

.productImagewithHotspots .productImageBlock .legends .legend.active .legend_thumbnail:has(img[src=""]) {
    display: none
}

.productImagewithHotspots .productImageBlock .legends .legend.active .legend_thumbnail img {
    transition: all 950ms 350ms ease;
    visibility: visible;
    opacity: 1
}

.productImagewithHotspots .productImageBlock .legends .legend .legend__inner {
    text-align: left;
    position: relative;
    z-index: 2;
    padding: 30px 20px;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(77, 89, 90, 0.1);
    transform: translateY(-50px);
    transition: all 450ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 0
}

.productImagewithHotspots .productImageBlock .legends .legend .legend__inner:before {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all 300ms 40ms ease-in-out;
    background-color: #144580 !important
}

.productImagewithHotspots .productImageBlock .legends .legend .legend__inner .legend_title {
    font-size: 22px;
    font-family: "APKProtocol Bold";
    color: #144580;
    line-height: 1.2
}

.productImagewithHotspots .productImageBlock .legends .legend .legend__inner .description {
    font-family: 'APKProtocol Regular';
    line-height: normal;
    letter-spacing: normal
}

.productImagewithHotspots .productImageBlock .legends .legend .legend_thumbnail {
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 150px;
    top: -120px;
    box-shadow: 0 5px 0 rgba(77, 89, 90, 0.2);
    transition: all 200ms ease-in-out
}

.productImagewithHotspots .productImageBlock .legends .legend .legend_thumbnail img {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 200ms ease-out;
    opacity: 0
}