/**Main Contents**/
.wrapper {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.mainContents {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
/**Watch Video**/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
/**Search Filter**/
.searchFilter {
    width: calc(100% - 30px);
    max-width: 720px;
    margin: 50px auto;
}

    .searchFilter .container {
        width: 100%;
        border-radius: 10px;
        font-size: 0;
    }

    .searchFilter .documentFormat {
        display: inline-block;
        vertical-align: top;
        width: 210px;
    }

        .searchFilter .documentFormat select {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
            border-right: 0;
        }

    .searchFilter .searchField {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 210px);
        position: relative;
    }

        .searchFilter .searchField input[type=text] {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            padding-right: 70px
        }

        .searchFilter .searchField .searchBtn {
            position: absolute;
            top: 0;
            right: 0;
            display: block;
            padding: 10px 15px;
            background: #ac3229;
            border-bottom-right-radius: 10px;
            border-top-right-radius: 10px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            height: 44px;
        }

            .searchFilter .searchField .searchBtn img {
                width: 22px;
                display: block;
            }
/**Breadcrumb**/
.breadcrumb {
    width: calc(100% - 30px);
    max-width: 1480px;
    margin: 0 auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedfe1;
}

    .breadcrumb .container {
        width: 100%;
        font-size: 14px;
        line-height: 18px;
        color: #666b6f;
    }

        .breadcrumb .container a {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            line-height: 18px;
            color: #666b6f;
            text-decoration: none;
        }

        .breadcrumb .container span {
            width: 20px;
            height: 20px;
            display: inline-block;
            vertical-align: middle;
            background: url("../images/common/icon-rgt-arrow.svg")no-repeat center;
            background-size: 100%;
            margin: 0 10px;
        }

        .breadcrumb .container .homeIcon {
            width: 20px;
        }

            .breadcrumb .container .homeIcon img {
                width: 100%;
                display: block;
            }
/**Pagination**/
.pagination {
    width: 100%;
    margin-bottom: 40px;
}

    .pagination .pageNum {
        width: 100%;
        font-size: 14px;
        line-height: 18px;
        text-align: right;
    }

    .pagination ul {
        list-style: none;
        font-size: 0;
    }

        .pagination ul li {
            display: inline-block;
            vertical-align: middle;
        }

            .pagination ul li span {
                display: block;
                border-radius: 5px;
                background: #ffffff;
                color: #666b6f;
                font-size: 14px;
                width: 30px;
                height: 19px;
                padding: 6px 0 5px 0;
                text-align: center;
                text-decoration: none;
                border: 1px solid #dedfe1;
            }

            .pagination ul li:first-child span, .pagination ul li:first-child a {
                border-bottom-left-radius: 5px;
                border-top-left-radius: 5px;
            }

            .pagination ul li:last-child span, .pagination ul li:last-child a {
                border-bottom-right-radius: 5px;
                border-top-right-radius: 5px;
            }

            .pagination ul li a {
                display: block;
                background: #ffffff;
                color: #666b6f;
                font-size: 14px;
                width: 30px;
                height: 19px;
                padding: 6px 0 5px 0;
                text-align: center;
                text-decoration: none;
                border: 1px solid #dedfe1;
            }

                .pagination ul li a:hover {
                    background: #ac3229;
                    color: #ffffff !important;
                }

            .pagination ul li.active .current {
                color: #ffffff;
                background: #ac3229;
            }
/**Homepage**/
.homepage {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 200px;
}

    .homepage h2 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .homepage .mainBanner {
        width: calc(100% - 30px);
        max-width: 1480px;
        margin: 0 auto 50px auto;
    }

        .homepage .mainBanner .bSlider {
            width: 100%;
        }

            .homepage .mainBanner .bSlider .banner {
                width: 100%;
                position: relative;
            }

                .homepage .mainBanner .bSlider .banner .bannerImg {
                    width: 100%;
                }

                    .homepage .mainBanner .bSlider .banner .bannerImg img {
                        width: 100%;
                        display: block;
                    }

                .homepage .mainBanner .bSlider .banner .bannerText {
                    width: 550px;
                    position: absolute;
                    transform: translateY(-50%);
                    top: 50%;
                    left: 45px;
                }

                    .homepage .mainBanner .bSlider .banner .bannerText h1 {
                        font-size: 42px;
                        line-height: 48px;
                        margin-bottom: 20px;
                    }

                    .homepage .mainBanner .bSlider .banner .bannerText p {
                        font-size: 16px;
                        line-height: 25px;
                    }

                    .homepage .mainBanner .bSlider .banner .bannerText a {
                        margin-top: 20px;
                    }

    .homepage .latestDocument {
        width: 100%;
        background: #f4f4f4;
        padding: 50px 0;
    }

        .homepage .latestDocument .container {
            width: calc(100% - 10px);
            max-width: 1520px;
            margin: 0 auto;
        }

            .homepage .latestDocument .container h2 {
                width: calc(100% - 40px);
                margin: 0 20px 20px 20px;
            }

            .homepage .latestDocument .container .documentSlider {
                width: 100%; /*display:flex;flex-wrap:wrap;*/
                font-size: 0;
            }

                .homepage .latestDocument .container .documentSlider .document {
                    width: calc(25% - 40px);
                    vertical-align: top;
                    background: #ffffff;
                    margin: 0 20px;
                    position: relative;
                }

                    .homepage .latestDocument .container .documentSlider .document .prodImg {
                        width: calc(100% - 20px);
                        padding: 10px; /*background:rgb(169,48,43);background:radial-gradient(circle, rgba(169,48,43,1) 0%, rgba(73,6,3,1) 100%);*/
                        background: #ffffff;
                        border-bottom: 5px solid #ac3229;
                    }

                        .homepage .latestDocument .container .documentSlider .document .prodImg img {
                            width: 200px;
                            height: 200px;
                            margin: 0 auto;
                            display: block;
                        }

                    .homepage .latestDocument .container .documentSlider .document .docContent {
                        width: calc(100% - 40px);
                        padding: 20px 20px 60px 20px;
                        font-size: 0
                    }

                        .homepage .latestDocument .container .documentSlider .document .docContent p {
                            font-size: 14px;
                            line-height: 18px;
                            margin-bottom: 5px;
                        }

                            .homepage .latestDocument .container .documentSlider .document .docContent p strong {
                                font-weight: 700;
                                font-size: 18px;
                                line-height: 22px;
                            }

                        .homepage .latestDocument .container .documentSlider .document .docContent span {
                            display: inline-block;
                            vertical-align: top;
                            width: calc(100% - 120px);
                        }

                        .homepage .latestDocument .container .documentSlider .document .docContent .title {
                            width: 120px;
                        }

                        .homepage .latestDocument .container .documentSlider .document .docContent .filename {
                            word-break: break-all;
                        }

                    .homepage .latestDocument .container .documentSlider .document .grpBtns {
                        width: 100%;
                        border-top: 1px solid #dedfe1;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                    }

                        .homepage .latestDocument .container .documentSlider .document .grpBtns ul {
                            width: 100%;
                            font-size: 0;
                            background: #666b6f;
                        }

                            .homepage .latestDocument .container .documentSlider .document .grpBtns ul li {
                                display: inline-block;
                                vertical-align: top;
                                width: calc(25% - 1px);
                                border-right: 1px solid #dedfe1;
                            }

                                .homepage .latestDocument .container .documentSlider .document .grpBtns ul li:last-child {
                                    border-right: none;
                                }

                                .homepage .latestDocument .container .documentSlider .document .grpBtns ul li a {
                                    display: block;
                                    width: 20px;
                                    margin: 0 auto;
                                    padding: 10px 0;
                                }

                                    .homepage .latestDocument .container .documentSlider .document .grpBtns ul li a img {
                                        width: 100%;
                                        display: block;
                                    }

    .homepage .otherModules {
        width: 100%;
        padding: 50px 0;
    }

        .homepage .otherModules .container {
            width: calc(100% - 10px);
            max-width: 1520px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            font-size: 0;
        }

            .homepage .otherModules .container .prodELearning {
                display: inline-block;
                vertical-align: top;
                width: 340px;
                background: #f4f4f4;
                position: relative;
                margin: 60px 20px 0 20px;
            }

                .homepage .otherModules .container .prodELearning a {
                    display: block;
                    color: #000000;
                    text-decoration: none;
                    width: 100%;
                    height: auto;
                    position: relative;
                }

                .homepage .otherModules .container .prodELearning h2 {
                    position: absolute;
                    top: -60px;
                    left: 0;
                }

                .homepage .otherModules .container .prodELearning .imgContainer {
                    width: 100%;
                }

                    .homepage .otherModules .container .prodELearning .imgContainer img {
                        width: 100%;
                        display: block;
                    }

                .homepage .otherModules .container .prodELearning .content {
                    width: calc(100% - 60px);
                    padding: 30px;
                }

                    .homepage .otherModules .container .prodELearning .content h3 {
                        font-size: 18px;
                        line-height: 22px;
                        margin-bottom: 10px;
                        padding-top: 15px;
                        font-weight: 700;
                        position: relative;
                    }

                        .homepage .otherModules .container .prodELearning .content h3::before {
                            content: '';
                            display: block;
                            position: absolute;
                            top: 0;
                            width: 60px;
                            left: 0;
                            border-top: 5px solid #ac3229;
                        }

                    .homepage .otherModules .container .prodELearning .content p {
                        font-size: 14px;
                        line-height: 18px;
                        margin-bottom: 10px;
                    }

                    .homepage .otherModules .container .prodELearning .content a {
                        font-size: 14px;
                        line-height: 18px;
                        color: #ac3229;
                        margin-top: 20px;
                        display: block;
                    }

            .homepage .otherModules .container .prodComparison {
                display: inline-block;
                vertical-align: top;
                width: 340px;
                background: #f4f4f4;
                margin: 60px 20px 0 20px;
                position: relative;
            }

                .homepage .otherModules .container .prodComparison a {
                    display: block;
                    color: #000000;
                    text-decoration: none;
                    width: 100%;
                    height: auto;
                    position: relative;
                }

                .homepage .otherModules .container .prodComparison h2 {
                    position: absolute;
                    top: -60px;
                    left: 0;
                }

                .homepage .otherModules .container .prodComparison .imgContainer {
                    width: 100%;
                }

                    .homepage .otherModules .container .prodComparison .imgContainer img {
                        width: 100%;
                        display: block;
                    }

                .homepage .otherModules .container .prodComparison .content {
                    width: calc(100% - 60px);
                    padding: 30px;
                }

                    .homepage .otherModules .container .prodComparison .content h3 {
                        font-size: 18px;
                        line-height: 22px;
                        margin-bottom: 10px;
                        padding-top: 15px;
                        font-weight: 700;
                        position: relative;
                    }

                        .homepage .otherModules .container .prodComparison .content h3::before {
                            content: '';
                            display: block;
                            position: absolute;
                            top: 0;
                            width: 60px;
                            left: 0;
                            border-top: 5px solid #ac3229;
                        }

                    .homepage .otherModules .container .prodComparison .content p {
                        font-size: 14px;
                        line-height: 18px;
                        margin-bottom: 10px;
                    }

                    .homepage .otherModules .container .prodComparison .content a {
                        font-size: 14px;
                        line-height: 18px;
                        color: #ac3229;
                        margin-top: 20px;
                        display: block;
                    }

            .homepage .otherModules .container .industryNews {
                display: inline-block;
                vertical-align: top;
                width: calc(100% - 800px);
                background: #ffffff;
                position: relative;
                margin: 60px 20px 0 20px;
            }

                .homepage .otherModules .container .industryNews h2 {
                    position: absolute;
                    top: -60px;
                    left: 0;
                }

                .homepage .otherModules .container .industryNews .listNews {
                    width: 100%;
                }

                    .homepage .otherModules .container .industryNews .listNews li {
                        width: calc(100% - 2px);
                        background: #f4f4f4;
                        border: 1px solid #f4f4f4;
                        margin-bottom: 10px;
                        font-size: 0;
                        display: flex;
                        flex-wrap: wrap;
                        width: 100%;
                        min-height: 183px;
                    }

                        .homepage .otherModules .container .industryNews .listNews li:last-child {
                            margin-bottom: 0;
                        }

                        .homepage .otherModules .container .industryNews .listNews li span {
                            display: inline-block;
                            vertical-align: middle;
                        }

                        .homepage .otherModules .container .industryNews .listNews li .imgContainer {
                            width: 200px;
                            height: auto;
                            overflow: hidden;
                            position: relative;
                            background: #ffffff;
                        }

                            .homepage .otherModules .container .industryNews .listNews li .imgContainer img {
                                width: 100%;
                                position: absolute;
                                top: 50%;
                                left: 0;
                                transform: translateY(-50%);
                                display: block;
                            }

                        .homepage .otherModules .container .industryNews .listNews li .content {
                            width: calc(100% - 240px);
                            padding: 30px 20px;
                        }

                            .homepage .otherModules .container .industryNews .listNews li .content a {
                                color: #000000;
                                text-decoration: none;
                            }

                            .homepage .otherModules .container .industryNews .listNews li .content h3 {
                                font-size: 18px;
                                line-height: 22px;
                                margin-bottom: 10px;
                                font-weight: 700;
                                position: relative;
                                padding-top: 15px;
                            }

                                .homepage .otherModules .container .industryNews .listNews li .content h3::before {
                                    content: '';
                                    display: block;
                                    position: absolute;
                                    top: 0;
                                    width: 60px;
                                    left: 0;
                                    border-top: 5px solid #ac3229;
                                }

                            .homepage .otherModules .container .industryNews .listNews li .content p {
                                font-size: 14px;
                                line-height: 18px;
                            }

                            .homepage .otherModules .container .industryNews .listNews li .content .date {
                                font-size: 12px;
                                line-height: 14px;
                                margin-bottom: 15px;
                            }

                        .homepage .otherModules .container .industryNews .listNews li .shareIcons {
                            width: 100%;
                            text-align: left;
                            margin-top: 15px;
                        }

                            .homepage .otherModules .container .industryNews .listNews li .shareIcons span {
                                display: inline-block;
                                vertical-align: middle;
                                margin-right: 10px;
                            }

                                .homepage .otherModules .container .industryNews .listNews li .shareIcons span .shareBtn {
                                    font-size: 14px;
                                    line-height: 18px;
                                    color: #ac3229;
                                    text-decoration: underline;
                                }

                                    .homepage .otherModules .container .industryNews .listNews li .shareIcons span .shareBtn::before {
                                        content: '';
                                        background: url("../images/common/icon-share.svg")no-repeat;
                                        background-size: 18px 18px;
                                        width: 18px;
                                        height: 18px;
                                        display: inline-block;
                                        vertical-align: middle;
                                        padding-left: 5px;
                                    }

                                .homepage .otherModules .container .industryNews .listNews li .shareIcons span .likeBtn {
                                    font-size: 14px;
                                    line-height: 18px;
                                    color: #ac3229;
                                    text-decoration: underline;
                                }

                                    .homepage .otherModules .container .industryNews .listNews li .shareIcons span .likeBtn::before {
                                        content: '';
                                        background: url("../images/common/icon-like.svg")no-repeat;
                                        background-size: 18px 18px;
                                        width: 18px;
                                        height: 18px;
                                        display: inline-block;
                                        vertical-align: middle;
                                        padding-left: 5px;
                                    }
/**Common Page**/
.commonPage {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 200px;
}

    .commonPage h2 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .commonPage .headerLine {
        position: relative;
        margin-bottom: 40px;
    }

        .commonPage .headerLine::before {
            content: '';
            display: block;
            position: absolute;
            bottom: -20px;
            width: 100px;
            left: 0;
            border-top: 5px solid #ac3229;
        }

    .commonPage p {
        font-size: 14px;
        line-height: 18px;
    }

    .commonPage .commonBanner {
        width: 100%;
        height: 180px; /*background:url("../images/common/common-banner-img.jpg")no-repeat left center;background-size:cover;*/
        margin-bottom: 20px;
        position: relative;
    }

        .commonPage .commonBanner .container {
            width: calc(100% - 30px);
            max-width: 1480px;
            position: absolute;
            transform: translateY(-50%);
            top: 50%;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

            .commonPage .commonBanner .container h1 {
                color: #ffffff;
                font-size: 26px;
                line-height: 30px;
            }
/**Products Listing**/
.productsFilter {
    width: calc(100% - 30px);
    max-width: 1480px;
    margin: 30px auto;
}

.SEMICONDUCTOR .productsFilter {
    margin-top: 60px;
}

.SEARCH .productsFilter {
    margin-top: 60px;
}

.productsFilter .container {
    width: 100%;
    font-size: 0;
}

    .productsFilter .container .filterLeft {
        display: inline-block;
        vertical-align: top;
        width: 340px;
        margin-right: 40px;
    }

        .productsFilter .container .filterLeft .filterHeader {
            width: 100%;
            font-size: 0;
            padding-bottom: 20px;
        }

            .productsFilter .container .filterLeft .filterHeader span {
                width: 50%;
                display: inline-block;
                vertical-align: middle;
            }

                .productsFilter .container .filterLeft .filterHeader span strong {
                    font-size: 18px;
                    line-height: 22px;
                    font-weight: 700;
                    color: #000000;
                }

                .productsFilter .container .filterLeft .filterHeader span a {
                    font-size: 14px;
                    line-height: 18px;
                    color: #ac3229;
                    text-align: right;
                    display: block;
                }

        .productsFilter .container .filterLeft .filterType {
            width: 100%;
            border-top: 1px solid #dedfe1;
            padding: 20px 0 10px 0;
        }

            .productsFilter .container .filterLeft .filterType .filterLvl01 {
                width: 100%;
            }

                .productsFilter .container .filterLeft .filterType .filterLvl01 li {
                    width: 100%;
                    display: block;
                    font-size: 14px;
                    line-height: 18px;
                    color: #000000;
                }

                    .productsFilter .container .filterLeft .filterType .filterLvl01 li a {
                        width: 100%;
                        font-size: 14px;
                        line-height: 18px;
                        color: #000000;
                        font-weight: 700;
                        display: block;
                        text-decoration: none;
                        margin-bottom: 10px;
                        background: url("../images/common/filter-arrow-close.svg")no-repeat right center;
                        background-size: 12px;
                    }

                    .productsFilter .container .filterLeft .filterType .filterLvl01 li.active a {
                        background: url("../images/common/filter-arrow-open.svg")no-repeat right center;
                        background-size: 12px;
                    }

                    .productsFilter .container .filterLeft .filterType .filterLvl01 li a:hover {
                        font-weight: 700;
                    }

            .productsFilter .container .filterLeft .filterType .filterLvl02 {
                width: calc(100% - 20px);
                margin-left: 20px;
                display: none;
            }

            .productsFilter .container .filterLeft .filterType .filterLvl01 li.active .filterLvl02 {
                display: block;
            }

            .productsFilter .container .filterLeft .filterType .filterLvl02.noMarginLeft {
                width: 100%;
                margin-left: 0;
            }

            .productsFilter .container .filterLeft .filterType .filterLvl02 li {
                width: 100%;
                margin: 10px 0;
            }

                .productsFilter .container .filterLeft .filterType .filterLvl02 li a {
                    font-weight: 400;
                }

                    .productsFilter .container .filterLeft .filterType .filterLvl02 li a:hover {
                        color: #ac3229;
                        font-weight: 700;
                        background: url("../images/common/filter-arrow-close-red.svg")no-repeat right center;
                        background-size: 12px;
                    }

            .productsFilter .container .filterLeft .filterType .filterLvl01 li.active .filterLvl02 a {
                background: url("../images/common/filter-arrow-close.svg")no-repeat right center;
                background-size: 12px;
            }

                .productsFilter .container .filterLeft .filterType .filterLvl01 li.active .filterLvl02 a:hover {
                    background: url("../images/common/filter-arrow-close-red.svg")no-repeat right center;
                    background-size: 12px;
                }

            .productsFilter .container .filterLeft .filterType .filterLvl02 li.subActive a {
                color: #ac3229;
                font-weight: 700;
                background: url("../images/common/filter-arrow-open-red.svg")no-repeat right center !important;
                background-size: 12px !important;
            }

            .productsFilter .container .filterLeft .filterType .filterLvl02 li.subActive .filterLvl03 {
                display: block;
            }

            .productsFilter .container .filterLeft .filterType .filterLvl03 {
                width: 100%;
                margin-left: 0;
                padding-bottom: 5px;
                display: none;
            }

                .productsFilter .container .filterLeft .filterType .filterLvl03 li {
                    width: 100%;
                    margin: 10px 0;
                }

                    .productsFilter .container .filterLeft .filterType .filterLvl03 li .checkBoxStyle {
                        color: #666b6f;
                    }

                    .productsFilter .container .filterLeft .filterType .filterLvl03 li .name {
                        display: inline-block;
                        vertical-align: top;
                        width: 70%;
                    }

                    .productsFilter .container .filterLeft .filterType .filterLvl03 li .count {
                        display: inline-block;
                        vertical-align: top;
                        width: 30%;
                        text-align: right;
                    }

                        .productsFilter .container .filterLeft .filterType .filterLvl03 li .name strong, .productsFilter .container .filterLeft .filterType .filterLvl03 li .count strong {
                            color: #000000;
                            font-weight: 700;
                        }

    .productsFilter .container .productsRgt {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 380px);
    }

.SEARCH .productsFilter .container .productsRgt {
    width: 100%;
}

.productsFilter .container .productsRgt .prodList {
    width: calc(100% + 40px);
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

    .productsFilter .container .productsRgt .prodList li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: calc(33.333% - 42px);
        margin-right: 40px;
        margin-bottom: 40px;
        background: #f4f4f4;
        border: 1px solid #dedfe1;
    }

.SEARCH .productsFilter .container .productsRgt .prodList li {
    width: calc(25% - 42px);
}

.productsFilter .container .productsRgt .prodList li .prodImg {
    width: calc(100% - 20px);
    padding: 10px; /*background:rgb(169,48,43);background:radial-gradient(circle, rgba(169,48,43,1) 0%, rgba(73,6,3,1) 100%);*/
    background: #ffffff;
    border-bottom: 5px solid #ac3229;
}

    .productsFilter .container .productsRgt .prodList li .prodImg img {
        width: 200px;
        height: 200px;
        margin: 0 auto;
        display: block;
    }

.productsFilter .container .productsRgt .prodList li .docContent {
    width: calc(100% - 40px);
    padding: 20px 20px 60px 20px;
}

    .productsFilter .container .productsRgt .prodList li .docContent p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px;
    }

        .productsFilter .container .productsRgt .prodList li .docContent p strong {
            font-weight: 700;
            font-size: 18px;
            line-height: 22px;
        }

    .productsFilter .container .productsRgt .prodList li .docContent span {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 120px);
    }

    .productsFilter .container .productsRgt .prodList li .docContent .title {
        width: 120px;
    }

    .productsFilter .container .productsRgt .prodList li .docContent .filename {
        word-break: break-all;
    }

.productsFilter .container .productsRgt .prodList li .grpBtns {
    width: 100%;
    border-top: 1px solid #dedfe1;
    position: absolute;
    bottom: 0;
    left: 0;
}

    .productsFilter .container .productsRgt .prodList li .grpBtns ul {
        width: 100%;
        font-size: 0;
        display: block;
        background: #666b6f;
    }

        .productsFilter .container .productsRgt .prodList li .grpBtns ul li {
            display: inline-block;
            vertical-align: top;
            width: calc(25% - 1px);
            border: none;
            border-right: 1px solid #dedfe1;
            margin: 0;
            background: none;
        }

            .productsFilter .container .productsRgt .prodList li .grpBtns ul li:last-child {
                border-right: none;
            }

            .productsFilter .container .productsRgt .prodList li .grpBtns ul li a {
                display: block;
                width: 100%;
                margin: 0 auto;
                padding: 10px 0;
            }

                .productsFilter .container .productsRgt .prodList li .grpBtns ul li a img {
                    width: 20px;
                    display: block;
                    margin: 0 auto;
                }
/**Discontinued Products**/
.productsFilter .container .productsRgt .prodList.discontinuedProds li {
    width: calc(50% - 42px);
    margin-right: 40px;
    margin-bottom: 40px;
    background: #f4f4f4;
}

    .productsFilter .container .productsRgt .prodList.discontinuedProds li .prodImg {
        width: 200px;
        padding: 10px; /*background:rgb(249,249,249);background:radial-gradient(circle, rgba(249,249,249,1) 0%, rgba(213,213,213,1) 100%);*/
        background: #ffffff;
        border-bottom: none;
        display: inline-block;
        vertical-align: top;
    }

        .productsFilter .container .productsRgt .prodList.discontinuedProds li .prodImg img {
            width: 100%;
            height: auto;
        }

    .productsFilter .container .productsRgt .prodList.discontinuedProds li .docContent {
        width: calc(100% - 260px);
        padding: 20px 20px 60px 20px;
        display: inline-block;
        vertical-align: top;
    }

        .productsFilter .container .productsRgt .prodList.discontinuedProds li .docContent .eol {
            font-size: 12px;
            line-height: 14px;
            margin-bottom: 20px;
        }

        .productsFilter .container .productsRgt .prodList.discontinuedProds li .docContent p {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 5px;
        }

            .productsFilter .container .productsRgt .prodList.discontinuedProds li .docContent p strong {
                font-size: 18px;
                line-height: 22px;
            }

    .productsFilter .container .productsRgt .prodList.discontinuedProds li .grpBtns {
        width: calc(100% - 220px);
        left: 220px
    }

        .productsFilter .container .productsRgt .prodList.discontinuedProds li .grpBtns ul li {
            width: calc(50% - 1px);
            text-align: center;
        }

            .productsFilter .container .productsRgt .prodList.discontinuedProds li .grpBtns ul li a {
                display: inline-block;
                width: 100%;
                margin: 0 auto;
                padding: 10px 0;
                text-decoration: none;
                color: #ffffff;
                font-size: 14px;
                line-height: 18px;
            }

                .productsFilter .container .productsRgt .prodList.discontinuedProds li .grpBtns ul li a.informationBtn::before {
                    content: '';
                    background: url("../images/common/icon-info.svg")no-repeat;
                    background-size: 15px 15px;
                    width: 15px;
                    height: 15px;
                    margin-right: 5px;
                    display: inline-block;
                    vertical-align: middle;
                }

                .productsFilter .container .productsRgt .prodList.discontinuedProds li .grpBtns ul li a.comparisonBtn::before {
                    content: '';
                    background: url("../images/common/icon-compare.svg")no-repeat;
                    background-size: 15px 15px;
                    width: 15px;
                    height: 15px;
                    margin-right: 5px;
                    display: inline-block;
                    vertical-align: middle;
                }

                .productsFilter .container .productsRgt .prodList.discontinuedProds li .grpBtns ul li a span {
                    display: inline-block; /*border-bottom:1px solid #ac3229;*/
                    text-decoration: underline;
                }

.mobileFilterBtn {
    float: right;
    margin: 0 0 20px 0;
    display: none;
}

.mobileCloseFilter {
    display: none;
    padding: 0 0 10px 0;
    float: right;
    width: 20px;
    cursor: pointer;
}

    .mobileCloseFilter img {
        width: 100%;
        display: block;
    }

.mobileFilterView {
    text-align: center;
    width: 100%;
    display: none;
}

    .mobileFilterView .commonBtn {
        display: block;
    }
/**Product Details**/
.prodDetails {
    width: calc(100% - 30px);
    max-width: 1480px;
    margin: 60px auto 60px auto;
}

    .prodDetails .container {
        width: 100%;
        font-size: 0;
    }

        .prodDetails .container .imageVideo {
            display: inline-block;
            vertical-align: top;
            width: 460px;
            margin-right: 40px;
        }

            .prodDetails .container .imageVideo .imgContainer {
                width: calc(100% - 2px);
                border: 1px solid #dedfe1;
                margin-bottom: 20px;
            }

                .prodDetails .container .imageVideo .imgContainer img {
                    width: 100%;
                    display: block;
                }

        .prodDetails .container .videoContainer {
            width: 100%;
            margin-bottom: 20px;
        }

        .prodDetails .container .videoPlaceholder {
            width: 100%;
            position: relative;
        }

            .prodDetails .container .videoPlaceholder img {
                width: 100%;
                display: block;
            }

            .prodDetails .container .videoPlaceholder .playBtn {
                position: absolute;
                top: 0;
                left: 0;
                width: inherit;
                height: inherit;
            }

                .prodDetails .container .videoPlaceholder .playBtn img {
                    width: 100%;
                    display: block;
                }

        .prodDetails .container .prodContents {
            display: inline-block;
            vertical-align: top;
            width: calc(100% - 500px);
        }

            .prodDetails .container .prodContents h1 {
                font-size: 26px;
                line-height: 30px;
                margin-bottom: 30px;
            }

            .prodDetails .container .prodContents h2 {
                font-size: 18px;
                line-height: 22px;
                font-weight: 700;
                margin-bottom: 10px;
            }

            .prodDetails .container .prodContents p {
                font-size: 14px;
                line-height: 18px;
                margin-bottom: 25px;
            }

                .prodDetails .container .prodContents p span {
                    font-size: 16px;
                    line-height: 20px;
                }

            .prodDetails .container .prodContents .packageList {
                width: 100%;
                margin-bottom: 25px;
            }

                .prodDetails .container .prodContents .packageList li {
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 10px;
                }

                    .prodDetails .container .prodContents .packageList li:last-child {
                        margin-right: 0;
                    }

                    .prodDetails .container .prodContents .packageList li a {
                        display: block;
                        text-decoration: none;
                    }

                    .prodDetails .container .prodContents .packageList li span {
                        font-size: 14px;
                        line-height: 18px;
                        display: block;
                        color: #ffffff;
                        padding: 15px 20px;
                        background: #ac3229;
                        border-radius: 5px;
                    }

            .prodDetails .container .prodContents .commonProd_h2 {
                width: calc(100% - 60px);
            }

            .prodDetails .container .prodContents .commonProd {
                width: calc(100% + 10px);
                font-size: 0;
                margin-bottom: 15px; /*display:flex;flex-wrap:wrap;*/
            }

            .prodDetails .container .prodContents .packageList li span::after {
                content: '';
                background: url("../images/common/icon-download-white.svg")no-repeat;
                background-size: 15px;
                width: 15px;
                height: 15px;
                margin-left: 7.5px;
                display: inline-block;
                vertical-align: middle;
            }

            .prodDetails .container .prodContents .commonProd li {
                display: inline-block;
                vertical-align: middle;
                width: calc(25% - 12px);
                margin-right: 10px;
                margin-bottom: 10px;
                background: #f4f4f4;
                border: 1px solid #dedfe1;
            }

                .prodDetails .container .prodContents .commonProd li a {
                    color: #000000;
                    text-decoration: none;
                }

                .prodDetails .container .prodContents .commonProd li .prodImg {
                    width: calc(100% - 20px);
                    padding: 10px; /*background:rgb(169,48,43);background:radial-gradient(circle, rgba(169,48,43,1) 0%, rgba(73,6,3,1) 100%);*/
                    background: #ffffff;
                    border-bottom: 5px solid #ac3229;
                }

                    .prodDetails .container .prodContents .commonProd li .prodImg img {
                        width: 200px;
                        height: 200px;
                        margin: 0 auto;
                        display: block;
                    }

                .prodDetails .container .prodContents .commonProd li .docContent {
                    width: calc(100% - 40px);
                    padding: 20px;
                }

                    .prodDetails .container .prodContents .commonProd li .docContent p {
                        font-size: 14px;
                        line-height: 18px;
                        margin-bottom: 5px;
                    }

                        .prodDetails .container .prodContents .commonProd li .docContent p strong {
                            font-weight: 700;
                            font-size: 18px;
                            line-height: 22px;
                        }

            .prodDetails .container .prodContents .prodMaterials {
                width: 100%;
                margin-bottom: 15px;
            }

                .prodDetails .container .prodContents .prodMaterials li {
                    width: 100%;
                    display: block;
                    margin-bottom: 10px;
                }

                    .prodDetails .container .prodContents .prodMaterials li a {
                        color: #ffffff;
                        text-decoration: none;
                        padding: 15px 20px 10px 20px;
                        background: #ac3229;
                        border-radius: 5px;
                        font-size: 0;
                        display: block;
                    }

                        .prodDetails .container .prodContents .prodMaterials li a span {
                            display: inline-block;
                            vertical-align: middle;
                        }

                        .prodDetails .container .prodContents .prodMaterials li a .materialTitle {
                            width: calc(100% - 51px);
                            border-right: 1px solid #ffffff;
                        }

                            .prodDetails .container .prodContents .prodMaterials li a .materialTitle p {
                                font-size: 14px;
                                line-height: 18px;
                                margin-bottom: 5px !important;
                            }

                                .prodDetails .container .prodContents .prodMaterials li a .materialTitle p strong {
                                    font-size: 16px;
                                    line-height: 20px;
                                    font-weight: 700;
                                }

                        .prodDetails .container .prodContents .prodMaterials li a .icon {
                            width: 25px;
                            padding-left: 25px;
                        }

                            .prodDetails .container .prodContents .prodMaterials li a .icon img {
                                width: 25px;
                                display: block;
                            }

.prodDetails_compare {
    width: 100%;
    background: #f4f4f4;
}

    .prodDetails_compare .container {
        width: calc(100% - 30px);
        max-width: 1480px;
        margin: 0 auto;
        padding: 60px 0
    }

        .prodDetails_compare .container h1 {
            font-size: 26px;
            line-height: 30px;
            margin-bottom: 30px;
        }

        .prodDetails_compare .container ul {
            width: calc(100% + 40px);
            font-size: 0;
            display: flex;
            flex-wrap: wrap;
        }

            .prodDetails_compare .container ul li {
                display: inline-block;
                vertical-align: top;
                width: calc(25% - 40px);
                margin-right: 40px;
                background: #ffffff;
            }

                .prodDetails_compare .container ul li .prodImg {
                    width: calc(100% - 20px);
                    padding: 10px;
                    background: rgb(169,48,43); /*background:radial-gradient(circle, rgba(169,48,43,1) 0%, rgba(73,6,3,1) 100%);*/
                    background: #ffffff;
                    border-bottom: 5px solid #ac3229;
                }

                    .prodDetails_compare .container ul li .prodImg img {
                        width: 200px;
                        height: 200px;
                        margin: 0 auto;
                        display: block;
                    }

                .prodDetails_compare .container ul li .docContent {
                    width: calc(100% - 40px);
                    padding: 20px;
                }

                    .prodDetails_compare .container ul li .docContent p {
                        font-size: 14px;
                        line-height: 18px;
                        margin-bottom: 5px;
                    }

                        .prodDetails_compare .container ul li .docContent p strong {
                            font-weight: 700;
                            font-size: 18px;
                            line-height: 22px;
                        }

                        .prodDetails_compare .container ul li .docContent p a {
                            color: #ac3229;
                        }
/**Product Comparison**/
.commonPage .prodComparison {
    width: 100%;
    margin: 30px auto 60px auto;
}

    .commonPage .prodComparison .container {
        width: calc(100% - 30px);
        max-width: 1480px;
        margin: 0 auto;
    }

        .commonPage .prodComparison .container h1 {
            font-size: 26px;
            line-height: 30px;
            font-weight: 700;
        }

        .commonPage .prodComparison .container .searchProducts {
            width: calc(100% - 40px);
            margin: 0 auto 30px auto;
            font-size: 0;
            padding: 30px 20px;
            background: #f4f4f4;
        }

            .commonPage .prodComparison .container .searchProducts span {
                display: inline-block;
                vertical-align: top;
                width: calc(50% - 7.5px);
                margin-right: 7.5px;
            }

                .commonPage .prodComparison .container .searchProducts span.last {
                    margin-left: 7.5px;
                    margin-right: 0;
                }

.comparisonTable {
    width: 100%;
    position: relative;
}

    .comparisonTable .mobileScroll {
        width: 100%;
    }

    .comparisonTable .table {
        width: 100%;
    }

        .comparisonTable .table .tableHeader {
            width: 100%;
        }

        .comparisonTable .table .tableBody {
            width: 100%;
        }

    .comparisonTable .tableRow {
        width: 100%;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .comparisonTable .tableCol {
        width: calc(20% - 41px);
        border-bottom: 1px solid #dedfe1;
        border-right: 1px solid #dedfe1; /*padding:30px 20px;*/
        padding: 20px;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        position: relative;
    }

        .comparisonTable .tableCol:nth-child(5n+5) {
            border-right: 0;
        }

        .comparisonTable .tableCol select {
            padding: 5px 35px 5px 0;
            border: 0;
            border-radius: 0;
            font-weight: 700;
            font-size: 16px;
            line-height: 20px;
            background: url(../images/common/icon-drop-down-black.svg) right no-repeat #ffffff;
            background-size: 35px;
            color: #000000;
        }

            .comparisonTable .tableCol select option {
                font-weight: 400;
                font-size: 14px;
                line-height: 18px;
            }

        .comparisonTable .tableCol .prodImg {
            width: 100%;
        }

            .comparisonTable .tableCol .prodImg img {
                width: 100%;
                display: block;
            }

        .comparisonTable .tableCol .downloadBtn {
            width: 100%;
            font-size: 0;
            margin-top: 10px;
        }

            .comparisonTable .tableCol .downloadBtn span {
                display: inline-block;
                vertical-align: middle;
                font-size: 11px;
                line-height: 13px;
                text-align: left !important;
            }

            .comparisonTable .tableCol .downloadBtn .date {
                width: calc(100% - 60px);
            }

            .comparisonTable .tableCol .downloadBtn .btn {
                width: 60px;
                font-size: 0;
            }

                .comparisonTable .tableCol .downloadBtn .btn img {
                    width: 20px;
                    display: inline-block;
                    margin-left: 10px;
                }

        .comparisonTable .tableCol.firstCol {
            font-weight: 700;
            text-align: left;
            position: relative;
        }

    .comparisonTable .notClone .tableCol.firstCol span {
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
    }

    .comparisonTable .table .tableBody .tableRow:nth-child(odd) {
        background: #ffffff;
    }

    .comparisonTable .table .tableBody .tableRow:nth-child(even) {
        background: #f4f4f4;
    }

    .comparisonTable .notClone .tableBody .tableRow {
        display: none;
    }

        .comparisonTable .notClone .tableBody .tableRow.load {
            display: flex;
        }

    .comparisonTable .clone {
        display: none;
    }
/**Product Presentation Template**/
.presentationTemplate {
    width: calc(100% - 30px);
    max-width: 1480px;
    margin: 30px auto 0 auto;
}

    .presentationTemplate .container {
        width: 100%;
        font-size: 0;
    }

        .presentationTemplate .container .templateDownload {
            width: 100%;
            min-height: 20vh;
            margin-top: 30px;
        }

            .presentationTemplate .container .templateDownload ul {
                width: calc(100% + 40px);
                display: flex;
                flex-wrap: wrap;
                font-size: 0;
            }

                .presentationTemplate .container .templateDownload ul li {
                    display: inline-block;
                    vertical-align: top;
                    width: calc(33.3333% - 40px);
                    margin: 0 40px 40px 0;
                    position: relative;
                    background: #f4f4f4;
                }

                    .presentationTemplate .container .templateDownload ul li .templateImg {
                        width: 100%;
                        border-bottom: 5px solid #ac3229;
                        background: #ac3229;
                    }

                        .presentationTemplate .container .templateDownload ul li .templateImg img {
                            width: 100%;
                            display: block;
                        }

                    .presentationTemplate .container .templateDownload ul li .templateDetail {
                        width: calc(100% - 40px);
                        padding: 30px 20px;
                    }

                        .presentationTemplate .container .templateDownload ul li .templateDetail h2 {
                            font-size: 18px;
                            line-height: 22px;
                            font-weight: 700;
                            margin-bottom: 10px;
                        }

                        .presentationTemplate .container .templateDownload ul li .templateDetail p {
                            font-size: 14px;
                            line-height: 18px;
                            margin-bottom: 10px;
                        }

                        .presentationTemplate .container .templateDownload ul li .templateDetail .downloadBtn {
                            font-size: 14px;
                            line-height: 18px;
                            color: #ac3229;
                        }

                            .presentationTemplate .container .templateDownload ul li .templateDetail .downloadBtn::before {
                                content: '';
                                background: url("../images/common/icon-download.svg")no-repeat;
                                background-size: 18px 18px;
                                width: 18px;
                                height: 18px;
                                display: inline-block;
                                vertical-align: middle;
                                padding-left: 5px;
                            }
/**Product Owner Directory**/
.prodOwner {
    width: calc(100% - 30px);
    max-width: 1480px;
    margin: 30px auto 0 auto;
}

    .prodOwner .container {
        width: 100%;
        font-size: 0;
    }

        .prodOwner .container .searchOwnerDirectory {
            width: 100%;
            margin: 30px auto 40px auto;
        }

            .prodOwner .container .searchOwnerDirectory span {
                display: inline-block;
                vertical-align: top;
            }

            .prodOwner .container .searchOwnerDirectory .byMachine select {
                border-radius: 0;
                width: 250px;
            }

            .prodOwner .container .searchOwnerDirectory .byProcess select {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
                width: 200px;
            }

            .prodOwner .container .searchOwnerDirectory .byPurpose select {
                border-radius: 0;
                width: 280px;
            }

            .prodOwner .container .searchOwnerDirectory .byOwner input[type=text] {
                border-radius: 0;
                width: 380px;
            }

            .prodOwner .container .searchOwnerDirectory .searchBtn a {
                display: block;
                padding: 10.5px 15px;
                background: #ac3229;
                border-bottom-right-radius: 10px;
                border-top-right-radius: 10px;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                height: 44px;
            }

                .prodOwner .container .searchOwnerDirectory .searchBtn a img {
                    width: 22px;
                    display: block;
                    margin: 0 auto;
                }

        .prodOwner .container .ownerDirectory {
            width: 100%;
            min-height: 20vh;
        }

            .prodOwner .container .ownerDirectory ul {
                width: calc(100% + 40px);
                display: flex;
                flex-wrap: wrap;
                font-size: 0;
            }

                .prodOwner .container .ownerDirectory ul li {
                    display: inline-block;
                    vertical-align: top;
                    width: calc(33.3333% - 40px);
                    margin: 0 40px 40px 0;
                    position: relative;
                    background: #f4f4f4;
                }

                    .prodOwner .container .ownerDirectory ul li .ownerPhoto {
                        width: 100%;
                        border-bottom: 5px solid #ac3229;
                    }

                        .prodOwner .container .ownerDirectory ul li .ownerPhoto img {
                            width: 100%;
                            display: block;
                        }

                    .prodOwner .container .ownerDirectory ul li .ownContact {
                        width: calc(100% - 40px);
                        padding: 30px 20px 80px 20px;
                    }

                        .prodOwner .container .ownerDirectory ul li .ownContact h2 {
                            font-size: 18px;
                            line-height: 22px;
                            font-weight: 700;
                            margin-bottom: 10px;
                        }

                        .prodOwner .container .ownerDirectory ul li .ownContact .position {
                            font-size: 14px;
                            line-height: 18px;
                        }

                        .prodOwner .container .ownerDirectory ul li .ownContact .category {
                            font-size: 14px;
                            line-height: 18px;
                        }

                        .prodOwner .container .ownerDirectory ul li .ownContact .tel {
                            width: 100%;
                            font-size: 0;
                            margin-top: 5px;
                        }

                            .prodOwner .container .ownerDirectory ul li .ownContact .tel span {
                                display: inline-block;
                                vertical-align: middle;
                                font-size: 14px;
                                line-height: 18px;
                                width: 50%;
                            }

                            .prodOwner .container .ownerDirectory ul li .ownContact .tel .companyNo::before {
                                content: '';
                                background: url("../images/common/icon-office.svg")no-repeat;
                                background-size: 18px 18px;
                                width: 18px;
                                height: 18px;
                                display: inline-block;
                                vertical-align: middle;
                                padding-left: 5px;
                            }

                            .prodOwner .container .ownerDirectory ul li .ownContact .tel .extNo::before {
                                content: '';
                                background: url("../images/common/icon-tel.svg")no-repeat;
                                background-size: 18px 18px;
                                width: 18px;
                                height: 18px;
                                display: inline-block;
                                vertical-align: middle;
                                padding-left: 5px;
                            }

                    .prodOwner .container .ownerDirectory ul li .inquireBtn {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        display: block;
                        padding: 15px 0;
                        text-align: center;
                        font-size: 14px;
                        line-height: 18px;
                        color: #ffffff;
                        background: #ac3229;
                        text-decoration: none;
                    }

                        .prodOwner .container .ownerDirectory ul li .inquireBtn::before {
                            content: '';
                            background: url("../images/common/icon-email-white.svg")no-repeat;
                            background-size: 18px 18px;
                            width: 18px;
                            height: 18px;
                            display: inline-block;
                            vertical-align: middle;
                            padding-left: 5px;
                        }
/**Technical Articles and Industry News**/
.articlesNewsThumb {
    width: 100%;
    min-height: 20vh;
}

    .articlesNewsThumb ul {
        width: calc(100% + 20px);
        display: flex;
        flex-wrap: wrap;
        font-size: 0;
    }

        .articlesNewsThumb ul li {
            display: inline-block;
            vertical-align: top;
            width: calc(100% - 22px);
            margin: 0 20px 20px 0;
            background: #f4f4f4;
            font-size: 0;
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            min-height: 183px;
            border: 1px solid #f4f4f4;
        }

    .articlesNewsThumb li span {
        display: inline-block;
        vertical-align: middle;
    }

    .articlesNewsThumb li .imgContainer {
        width: 199px;
        height: auto;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        border-right: 1px solid #f4f4f4;
        background: #ffffff;
    }

        .articlesNewsThumb li .imgContainer img { /*width:275px;*/
            width: 100%;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
        }

    .articlesNewsThumb li .content {
        width: calc(100% - 240px);
        padding: 30px 20px;
    }

        .articlesNewsThumb li .content a {
            color: #000000;
            text-decoration: none;
        }

        .articlesNewsThumb li .content h3 {
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 10px;
            font-weight: 700;
            position: relative;
            padding-top: 15px;
        }

            .articlesNewsThumb li .content h3::before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                width: 60px;
                left: 0;
                border-top: 5px solid #ac3229;
            }

        .articlesNewsThumb li .content p {
            font-size: 14px;
            line-height: 18px;
        }

        .articlesNewsThumb li .content .date {
            font-size: 12px;
            line-height: 14px;
            margin-bottom: 15px;
        }

    .articlesNewsThumb .shareIcons {
        width: 100%;
        text-align: left;
        margin-top: 15px;
    }

        .articlesNewsThumb .shareIcons span {
            display: inline-block !important;
            vertical-align: middle;
            margin-right: 15px;
        }

            .articlesNewsThumb .shareIcons span .shareBtn {
                font-size: 14px;
                line-height: 18px;
                color: #ac3229;
                text-decoration: underline;
            }

                .articlesNewsThumb .shareIcons span .shareBtn::before {
                    content: '';
                    background: url("../images/common/icon-share.svg")no-repeat;
                    background-size: 18px 18px;
                    width: 18px;
                    height: 18px;
                    display: inline-block;
                    vertical-align: middle;
                    padding-left: 5px;
                }

            .articlesNewsThumb .shareIcons span .likeBtn {
                font-size: 14px;
                line-height: 18px;
                color: #ac3229;
                text-decoration: underline;
            }

                .articlesNewsThumb .shareIcons span .likeBtn::before {
                    content: '';
                    background: url("../images/common/icon-like.svg")no-repeat;
                    background-size: 18px 18px;
                    width: 18px;
                    height: 18px;
                    display: inline-block;
                    vertical-align: middle;
                    padding-left: 5px;
                }

            .articlesNewsThumb .shareIcons span .calendarBtn {
                font-size: 14px;
                line-height: 18px;
                color: #ac3229;
                text-decoration: underline;
            }

                .articlesNewsThumb .shareIcons span .calendarBtn::before {
                    content: '';
                    background: url("../images/common/icon-add-calendar.svg")no-repeat;
                    background-size: 18px 18px;
                    width: 18px;
                    height: 18px;
                    display: inline-block;
                    vertical-align: middle;
                    padding-left: 5px;
                    margin-top: -3px;
                }

    .articlesNewsThumb.vertical ul li {
        width: calc(33.3333% - 22px);
    }

        .articlesNewsThumb.vertical ul li span {
            display: block;
        }

        .articlesNewsThumb.vertical ul li .imgContainer {
            width: 100%;
            height: 255px;
            border-bottom: 5px solid #ac3229; /*background:#ac3229;*/
            background: #fff;
        }

            .articlesNewsThumb.vertical ul li .imgContainer img {
                width: 100%;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%); /*display:block;position:relative;top:0;left:0;transform:none;*/
            }

        .articlesNewsThumb.vertical ul li .content {
            width: 100%;
            padding: 30px 20px;
        }

    .articlesNewsThumb.vertical li .content h3 {
        padding-top: 0;
    }

        .articlesNewsThumb.vertical li .content h3::before {
            position: relative;
            width: auto;
            border-top: none;
        }
/**Service Tools**/
.serviceTools {
    width: calc(100% - 30px);
    max-width: 1480px;
    margin: 30px auto 0 auto;
}

    .serviceTools .container {
        width: 100%;
        font-size: 0;
    }
/**Innovation Center**/
.innovationCenter {
    width: 100%;
    margin: 30px auto 0 auto;
}

    .innovationCenter .container {
        width: 100%;
        font-size: 0;
    }

        .innovationCenter .container .abtCenter {
            width: calc(100% - 30px);
            max-width: 1480px;
            margin: 0 auto 60px auto;
            font-size: 0;
        }

            .innovationCenter .container .abtCenter .leftVideo {
                display: inline-block;
                vertical-align: top;
                width: 720px;
                margin-right: 40px;
                float: left;
            }

            .innovationCenter .container .abtCenter .rgtContent {
                display: inline-block;
                vertical-align: top;
                width: calc(100% - 760px);
                float: right;
            }

            .innovationCenter .container .abtCenter .leftVideo .videoPlaceholder {
                width: 100%;
                position: relative;
                position: relative;
            }

                .innovationCenter .container .abtCenter .leftVideo .videoPlaceholder img {
                    width: 100%;
                    display: block;
                }

                .innovationCenter .container .abtCenter .leftVideo .videoPlaceholder .playBtn {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: inherit;
                    height: inherit;
                }

                    .innovationCenter .container .abtCenter .leftVideo .videoPlaceholder .playBtn img {
                        width: 100%;
                        display: block;
                    }

            .innovationCenter .container .abtCenter p {
                margin-bottom: 20px;
            }

        .innovationCenter .container .floorPlan {
            width: 100%;
            background: #f4f4f4;
        }

            .innovationCenter .container .floorPlan .floorPlanContainer {
                width: calc(100% - 30px);
                max-width: 1480px;
                padding: 50px 0;
                margin: 0 auto;
                position: relative;
            }

.floorPlanContainer .intro {
    width: 400px;
    position: absolute;
    bottom: 100px;
    left: 0;
}

    .floorPlanContainer .intro p strong {
        font-size: 18px;
        line-height: 22px;
    }

    .floorPlanContainer .intro p {
        margin-bottom: 10px;
    }

    .floorPlanContainer .intro a {
        margin-top: 10px;
    }

.floorPlanContainer .desktopVer {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}

    .floorPlanContainer .desktopVer .imgMap {
        width: 100%;
        position: relative;
    }

        .floorPlanContainer .desktopVer .imgMap img {
            width: 100%;
            display: block;
        }

        .floorPlanContainer .desktopVer .imgMap .laser1205 {
            position: absolute;
            top: 165px;
            left: 43px;
        }

            .floorPlanContainer .desktopVer .imgMap .laser1205 .redDot {
                position: absolute;
                top: 55px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .laser1205 .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .alotCorner {
            position: absolute;
            top: 210px;
            left: 330px;
        }

            .floorPlanContainer .desktopVer .imgMap .alotCorner .redDot {
                position: absolute;
                top: 55px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .alotCorner .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .asmptMaterialTower {
            position: absolute;
            top: 290px;
            left: 200px;
        }

            .floorPlanContainer .desktopVer .imgMap .asmptMaterialTower .redDot {
                position: absolute;
                top: 75px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .asmptMaterialTower .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .rgvLine {
            position: absolute;
            top: 390px;
            left: 245px;
        }

            .floorPlanContainer .desktopVer .imgMap .rgvLine .redDot {
                position: absolute;
                top: 55px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .rgvLine .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .ad8312Plus {
            position: absolute;
            top: 295px;
            left: 258px;
        }

            .floorPlanContainer .desktopVer .imgMap .ad8312Plus .redDot {
                position: absolute;
                top: 55px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .ad8312Plus .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .hipo {
            position: absolute;
            top: 325px;
            left: 300px;
        }

            .floorPlanContainer .desktopVer .imgMap .hipo .redDot {
                position: absolute;
                top: 55px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .hipo .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .skyHawk {
            position: absolute;
            top: 355px;
            left: 345px;
        }

            .floorPlanContainer .desktopVer .imgMap .skyHawk .redDot {
                position: absolute;
                top: 55px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .skyHawk .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .nucleus {
            position: absolute;
            top: 372px;
            left: 380px;
        }

            .floorPlanContainer .desktopVer .imgMap .nucleus .redDot {
                position: absolute;
                top: 55px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .nucleus .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .dekGalaxy {
            position: absolute;
            top: 425px;
            left: 470px;
        }

            .floorPlanContainer .desktopVer .imgMap .dekGalaxy .redDot {
                position: absolute;
                top: 55px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .dekGalaxy .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .siplaceTXMicron {
            position: absolute;
            top: 370px;
            left: 518px;
        }

            .floorPlanContainer .desktopVer .imgMap .siplaceTXMicron .redDot {
                position: absolute;
                top: 75px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .siplaceTXMicron .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .dekNeoHorizon {
            position: absolute;
            top: 375px;
            left: 635px;
        }

            .floorPlanContainer .desktopVer .imgMap .dekNeoHorizon .redDot {
                position: absolute;
                top: 75px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .dekNeoHorizon .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .asmptProcessLens {
            position: absolute;
            top: 345px;
            left: 644px;
        }

            .floorPlanContainer .desktopVer .imgMap .asmptProcessLens .redDot {
                position: absolute;
                top: 75px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .asmptProcessLens .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .siplaceSX {
            position: absolute;
            top: 330px;
            left: 690px;
        }

            .floorPlanContainer .desktopVer .imgMap .siplaceSX .redDot {
                position: absolute;
                top: 55px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .siplaceSX .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .siplaceCAV2 {
            position: absolute;
            top: 190px;
            left: 853px;
        }

            .floorPlanContainer .desktopVer .imgMap .siplaceCAV2 .redDot {
                position: absolute;
                top: 55px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .siplaceCAV2 .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .asmptProcessSupport {
            position: absolute;
            top: 195px;
            left: 682px;
        }

            .floorPlanContainer .desktopVer .imgMap .asmptProcessSupport .redDot {
                position: absolute;
                top: 75px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .asmptProcessSupport .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .asmptMaterialTower02 {
            position: absolute;
            top: 205px;
            left: 583px;
        }

            .floorPlanContainer .desktopVer .imgMap .asmptMaterialTower02 .redDot {
                position: absolute;
                top: 75px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .asmptMaterialTower02 .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }

        .floorPlanContainer .desktopVer .imgMap .asmWorks {
            position: absolute;
            top: 235px;
            left: 460px;
        }

            .floorPlanContainer .desktopVer .imgMap .asmWorks .redDot {
                position: absolute;
                top: 55px;
                left: 83px;
            }

            .floorPlanContainer .desktopVer .imgMap .asmWorks .bubbleBox {
                position: absolute;
                top: 10px;
                left: 0;
            }
        /**Common Red Dot**/
        .floorPlanContainer .desktopVer .imgMap .redDot {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 15px;
            height: 15px;
            background-color: #ac3229;
            border-radius: 100%;
            cursor: pointer;
        }

            .floorPlanContainer .desktopVer .imgMap .redDot::before {
                content: "";
                width: inherit;
                height: inherit;
                border: 7.5px solid #ac3229;
                border-radius: inherit;
                position: absolute;
                opacity: 0;
                animation: 1.5s expand cubic-bezier(.29,0,0,1) infinite;
                animation-delay: 0.25s;
            }

            .floorPlanContainer .desktopVer .imgMap .redDot:hover::before {
                animation: none;
                width: 140%;
                height: 140%;
                opacity: 1;
                border-color: #ac3229;
                background-color: none;
                border-width: 1px;
            }

@keyframes expand {
    1% {
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
        border-color: #ac3229;
        background-color: none;
        border-width: 1px;
    }
}
/**Common Bubble Box**/
.bubbleBox {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
    color: #000000;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    width: 160px;
    height: auto;
    border-radius: 10px;
    padding: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}

    .bubbleBox:after {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        z-index: 1;
        border-style: solid;
        border-color: #e7e7e7 transparent;
        border-width: 10px 10px 0;
        bottom: -9px;
        left: 50%;
        margin-left: -9px;
    }

.floorPlanContainer .desktopVer .imgMap .redDot:hover ~ .bubbleBox {
    display: block;
    opacity: 1.0;
    top: 0;
    visibility: visible;
}

.floorPlanContainer .mobileVer {
    width: 100%;
    margin: 0 auto 20px auto;
    display: none;
}

    .floorPlanContainer .mobileVer .imgMap {
        width: 100%;
        position: relative;
    }

        .floorPlanContainer .mobileVer .imgMap img {
            width: 100%;
            display: block;
        }

.innovationCenter .container .onlineBookingForm {
    width: calc(100% - 30px);
    max-width: 1480px;
    margin: 0 auto 60px auto;
    font-size: 0;
}

.onlineBookingForm .bookingForm {
    width: calc(100% - 2px);
    border-radius: 10px;
    background: #f4f4f4;
    border: 1px solid #dedfe1;
}

    .onlineBookingForm .bookingForm .formContainer {
        width: calc(100% - 42px);
        padding: 20px 20px 0 20px;
    }

    .onlineBookingForm .bookingForm .dividerLine {
        width: 100%;
        height: 1px;
        background: #dedfe1;
        margin-top: 10px;
    }

    .onlineBookingForm .bookingForm h3 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
        font-weight: 700;
    }

    .onlineBookingForm .bookingForm .stepByStep {
        width: 100%;
        margin: 20px 0 0 0;
        padding-bottom: 60px;
    }

        .onlineBookingForm .bookingForm .stepByStep ul {
            width: 100%;
            font-size: 0;
        }

            .onlineBookingForm .bookingForm .stepByStep ul li {
                display: inline-block;
                vertical-align: middle;
            }

                .onlineBookingForm .bookingForm .stepByStep ul li .stepIcon {
                    width: 40px;
                    height: 40px;
                    border-radius: 100%;
                    position: relative;
                    border: 2px solid #dedfe1;
                    background: #ffffff;
                    cursor: pointer;
                }

                    .onlineBookingForm .bookingForm .stepByStep ul li .stepIcon.disable {
                        cursor: default;
                    }

                    .onlineBookingForm .bookingForm .stepByStep ul li .stepIcon img {
                        width: 20px;
                        position: absolute;
                        transform: translateY(-50%);
                        top: 50%;
                        left: 0;
                        right: 0;
                        margin: 0 auto;
                        display: block;
                    }

                        .onlineBookingForm .bookingForm .stepByStep ul li .stepIcon img.iconActive {
                            display: none;
                        }

                    .onlineBookingForm .bookingForm .stepByStep ul li .stepIcon span {
                        position: absolute;
                        bottom: -40px;
                        left: 0;
                        font-size: 13px;
                        line-height: 15px;
                        display: block;
                        width: calc(100% + 100px);
                        color: #bbbbbb;
                        font-weight: 700;
                    }

                        .onlineBookingForm .bookingForm .stepByStep ul li .stepIcon span strong {
                            font-weight: 700;
                            display: block;
                            margin-bottom: 2.5px;
                            text-transform: uppercase;
                            font-size: 12px;
                            line-height: 14px;
                        }

                .onlineBookingForm .bookingForm .stepByStep ul li .stepLine {
                    width: 100px;
                    height: 2px;
                    background: #dedfe1;
                }

                .onlineBookingForm .bookingForm .stepByStep ul li.active .stepIcon {
                    border: 2px solid #ac3229;
                    background: #ac3229;
                }

                    .onlineBookingForm .bookingForm .stepByStep ul li.active .stepIcon span {
                        color: #000000;
                    }

                        .onlineBookingForm .bookingForm .stepByStep ul li.active .stepIcon span strong {
                            color: #ac3229;
                        }

                    .onlineBookingForm .bookingForm .stepByStep ul li.active .stepIcon img.iconInactive {
                        display: none;
                    }

                    .onlineBookingForm .bookingForm .stepByStep ul li.active .stepIcon img.iconActive {
                        display: block;
                    }

                .onlineBookingForm .bookingForm .stepByStep ul li.active .stepLine {
                    background: #ac3229;
                }

    .onlineBookingForm .bookingForm .formFields {
        width: calc(100% - 20px);
        margin: 30px 0 0 0;
        font-size: 0;
        padding: 0 20px 20px 20px;
    }

        .onlineBookingForm .bookingForm .formFields .fieldCol3 {
            display: inline-block;
            vertical-align: top;
            width: calc(33.3333% - 20px);
            margin-right: 20px;
            margin-bottom: 20px;
        }

        .onlineBookingForm .bookingForm .formFields .fieldName {
            font-size: 14px;
            line-height: 18px;
            font-weight: 700;
            margin-bottom: 10px;
        }

            .onlineBookingForm .bookingForm .formFields .fieldName span {
                color: #ac3229;
            }

.onlineBookingForm .actionBtn {
    width: 100%;
}

    .onlineBookingForm .actionBtn span {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        font-size: 12px;
        line-height: 12px;
        color: #666b6f;
    }

.onlineBookingForm .bookingDetails {
    width: 100%;
    margin: 20px 0;
}

    .onlineBookingForm .bookingDetails .formFields {
        width: calc(100% + 20px);
        font-size: 0;
        margin: 10px 0 0 0;
        padding: 0;
    }

        .onlineBookingForm .bookingDetails .formFields .fieldCol4 {
            display: inline-block;
            vertical-align: top;
            width: calc(25% - 20px);
            margin-right: 20px;
            margin-bottom: 20px;
        }

        .onlineBookingForm .bookingDetails .formFields .fieldName {
            font-size: 14px;
            line-height: 18px;
            font-weight: 700;
            margin-bottom: 5px;
            color: #ac3229;
        }

        .onlineBookingForm .bookingDetails .formFields .field {
            font-size: 14px;
            line-height: 18px;
            color: #000000;
        }

    .onlineBookingForm .bookingDetails h4, .onlineBookingForm .bookingForm h4 {
        font-weight: 700;
        color: #000000;
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 20px 0;
        position: relative;
        border-bottom: 1px solid #dedfe1;
        padding: 0 0 20px 0;
    }

        .onlineBookingForm .bookingDetails h4 span, .onlineBookingForm .bookingForm h4 span {
            position: absolute;
            left: 0;
            top: 7.5px;
            display: block;
            width: auto;
            background: #f4f4f4;
            padding-right: 10px;
        }
/**User Dashboard**/
.userDashboard {
    width: 100%;
    margin: 30px auto 0 auto;
}

    .userDashboard .container {
        width: calc(100% - 30px);
        max-width: 1480px;
        margin: 0 auto 60px auto;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }

    .userDashboard .dashboardMenu {
        display: inline-block;
        vertical-align: top;
        width: 270px;
        background: #b0b0b0;
    }

        .userDashboard .dashboardMenu ul {
            width: 100%;
        }

            .userDashboard .dashboardMenu ul li {
                display: inline-block;
                width: 100%;
                background: #b0b0b0;
            }

                .userDashboard .dashboardMenu ul li a {
                    font-size: 16px;
                    line-height: 20px;
                    width: calc(100% - 30px);
                    padding: 15px;
                    color: #ffffff;
                    text-decoration: none;
                    display: inline-block;
                    position: relative;
                }

                    .userDashboard .dashboardMenu ul li a .notification {
                        position: absolute;
                        right: 100px;
                        top: 15px;
                        width: 20px;
                        height: 10px;
                        border-radius: 100%;
                        background: #ffffff;
                        color: #ac3229;
                        padding: 5px 0;
                        font-size: 11px;
                        line-height: 11px;
                        display: block;
                        text-align: center;
                    }

                .userDashboard .dashboardMenu ul li:hover {
                    background: #ac3229;
                }

                .userDashboard .dashboardMenu ul li.active {
                    background: #ac3229 url("../images/common/dashboard-active.svg")no-repeat 100.5% center;
                    background-size: 12px;
                }

            .userDashboard .dashboardMenu ul .menuDashboard a::before {
                content: '';
                background: url("../images/dashboard/icon-dashboard.svg")no-repeat;
                background-size: 18px 18px;
                width: 18px;
                height: 18px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }

            .userDashboard .dashboardMenu ul .menuRequestMaterials a::before {
                content: '';
                background: url("../images/dashboard/icon-request-materials.svg")no-repeat;
                background-size: 18px 18px;
                width: 18px;
                height: 18px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }

            .userDashboard .dashboardMenu ul .menuDownloadFiles a::before {
                content: '';
                background: url("../images/dashboard/icon-files.svg")no-repeat;
                background-size: 18px 18px;
                width: 18px;
                height: 18px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }

            .userDashboard .dashboardMenu ul .menuFileSharing a::before {
                content: '';
                background: url("../images/dashboard/icon-file-sharing.svg")no-repeat;
                background-size: 18px 18px;
                width: 18px;
                height: 18px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }

            .userDashboard .dashboardMenu ul .menuBooking a::before {
                content: '';
                background: url("../images/dashboard/icon-booking.svg")no-repeat;
                background-size: 18px 18px;
                width: 18px;
                height: 18px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }

            .userDashboard .dashboardMenu ul .menuSettings a::before {
                content: '';
                background: url("../images/dashboard/icon-user-settings.svg")no-repeat;
                background-size: 18px 18px;
                width: 18px;
                height: 18px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }

            .userDashboard .dashboardMenu ul .menuHelp a::before {
                content: '';
                background: url("../images/dashboard/icon-help.svg")no-repeat;
                background-size: 18px 18px;
                width: 18px;
                height: 18px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }

            .userDashboard .dashboardMenu ul li .dashboardSubMenu {
                width: 100%;
                display: none;
            }

                .userDashboard .dashboardMenu ul li .dashboardSubMenu li {
                    display: block;
                    width: 100%;
                    background: #bdbdbd;
                }

                    .userDashboard .dashboardMenu ul li .dashboardSubMenu li a::before {
                        background: none;
                        margin-right: 0;
                        width: 0;
                        height: 0;
                    }

                    .userDashboard .dashboardMenu ul li .dashboardSubMenu li:hover {
                        background: #666b6f;
                    }

    .userDashboard .dashboardContent {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 270px);
        background: #f4f4f4;
    }

        .userDashboard .dashboardContent .innerContainer {
            padding: 30px;
            width: calc(100% - 60px);
            min-height: 750px;
        }

            .userDashboard .dashboardContent .innerContainer h2 {
                color: #ac3229;
                margin-bottom: 30px;
                font-weight: 700;
            }

            .userDashboard .dashboardContent .innerContainer h3 {
                color: #000000;
                font-weight: 700;
                width: calc(100% - 30px);
                border-bottom: 1px solid #dedfe1;
                padding: 0 15px 15px 15px; /*margin-bottom:15px;*/
            }

                .userDashboard .dashboardContent .innerContainer h3 span {
                    display: inline-block;
                    font-size: 18px;
                    line-height: 22px;
                }

                .userDashboard .dashboardContent .innerContainer h3 .notifIcon {
                    width: 18px;
                    margin-left: 10px;
                    position: relative;
                }

                    .userDashboard .dashboardContent .innerContainer h3 .notifIcon img {
                        width: 100%;
                        display: block;
                    }

                    .userDashboard .dashboardContent .innerContainer h3 .notifIcon .notification {
                        position: absolute;
                        right: -10px;
                        top: -5px;
                        width: 15px;
                        height: 7.5px;
                        border-radius: 100%;
                        background: #ac3229;
                        color: #ffffff;
                        padding: 2.5px 0 5px 0;
                        font-size: 10px;
                        line-height: 10px;
                        display: block;
                        text-align: center;
                    }

                .userDashboard .dashboardContent .innerContainer h3.icon span::after {
                    content: '';
                    background: url("../images/dashboard/icon-notification.svg")no-repeat;
                    background-size: 18px 18px;
                    width: 18px;
                    height: 18px;
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 10px;
                }

            .userDashboard .dashboardContent .innerContainer p {
                color: #000000;
                font-size: 14px;
                line-height: 18px;
                margin-bottom: 10px;
            }

                .userDashboard .dashboardContent .innerContainer p strong {
                    font-weight: 700;
                }

            .userDashboard .dashboardContent .innerContainer a {
                color: #ac3229;
            }

            .userDashboard .dashboardContent .innerContainer .content {
                padding: 0 15px;
                width: calc(100% - 30px);
            }

            .userDashboard .dashboardContent .innerContainer .notifications {
                display: block;
                width: calc(100% - 2px);
                border: 1px solid #dedfe1;
                background: #ffffff;
                padding: 15px 0 0 0;
                margin-bottom: 30px;
            }

                .userDashboard .dashboardContent .innerContainer .notifications .content {
                    max-height: 200px;
                    overflow-y: auto;
                }

                .userDashboard .dashboardContent .innerContainer .notifications ul {
                    width: 100%;
                    padding-top: 15px;
                }

                    .userDashboard .dashboardContent .innerContainer .notifications ul li {
                        width: 100%;
                        font-size: 0;
                        padding-bottom: 15px;
                        margin-bottom: 15px;
                        border-bottom: 1px solid #dedfe1;
                    }

                        .userDashboard .dashboardContent .innerContainer .notifications ul li:last-child {
                            border-bottom: none;
                        }

                        .userDashboard .dashboardContent .innerContainer .notifications ul li span {
                            display: inline-block;
                            vertical-align: top;
                            color: #000000;
                            font-size: 14px;
                            line-height: 18px;
                            width: calc(100% - 60px);
                        }

                            .userDashboard .dashboardContent .innerContainer .notifications ul li span strong {
                                display: block;
                                font-weight: 700;
                            }

                        .userDashboard .dashboardContent .innerContainer .notifications ul li .icon {
                            width: 40px;
                            height: 40px;
                            background: #ac3229;
                            margin-right: 20px;
                        }

                            .userDashboard .dashboardContent .innerContainer .notifications ul li .icon img {
                                width: 20px;
                                margin: 10px auto 0 auto;
                                display: block;
                            }

            .userDashboard .dashboardContent .innerContainer .col2 {
                width: calc(100% + 30px);
                display: flex;
                flex-wrap: wrap;
                font-size: 0;
                margin-bottom: 30px;
            }

            .userDashboard .dashboardContent .innerContainer .upadtes {
                display: inline-block;
                vertical-align: top;
                width: calc(50% - 32px);
                margin-right: 30px;
                border: 1px solid #dedfe1;
                background: #ffffff;
                padding: 15px 0 0 0;
            }

                .userDashboard .dashboardContent .innerContainer .upadtes .content {
                    max-height: 200px;
                    overflow-y: auto;
                }

                .userDashboard .dashboardContent .innerContainer .upadtes ul {
                    width: 100%;
                    padding-top: 15px;
                }

                    .userDashboard .dashboardContent .innerContainer .upadtes ul li {
                        width: 100%;
                        font-size: 0;
                        padding-bottom: 15px;
                        margin-bottom: 15px;
                        border-bottom: 1px solid #dedfe1;
                    }

                        .userDashboard .dashboardContent .innerContainer .upadtes ul li:last-child {
                            border-bottom: none;
                        }

            .userDashboard .dashboardContent .innerContainer .requestedMaterials {
                display: inline-block;
                vertical-align: top;
                width: calc(50% - 32px);
                margin-right: 30px;
                border: 1px solid #dedfe1;
                background: #ffffff;
                padding: 15px 0 0 0;
            }

                .userDashboard .dashboardContent .innerContainer .requestedMaterials .content {
                    max-height: 200px;
                    overflow-y: auto;
                }

                .userDashboard .dashboardContent .innerContainer .requestedMaterials ul {
                    width: 100%;
                    padding-top: 15px;
                }

                    .userDashboard .dashboardContent .innerContainer .requestedMaterials ul li {
                        width: 100%;
                        font-size: 0;
                        padding-bottom: 15px;
                        margin-bottom: 15px;
                        border-bottom: 1px solid #dedfe1;
                    }

                        .userDashboard .dashboardContent .innerContainer .requestedMaterials ul li:last-child {
                            border-bottom: none;
                        }

                        .userDashboard .dashboardContent .innerContainer .requestedMaterials ul li span {
                            display: inline-block;
                            vertical-align: top;
                            color: #000000;
                            font-size: 14px;
                            line-height: 18px;
                            width: calc(100% - 130px);
                        }

                            .userDashboard .dashboardContent .innerContainer .requestedMaterials ul li span strong {
                                display: block;
                                font-weight: 700;
                            }

                        .userDashboard .dashboardContent .innerContainer .requestedMaterials ul li .requestedStatus {
                            margin-left: 20px;
                            width: 110px;
                        }

            .userDashboard .dashboardContent .innerContainer .bookings {
                display: inline-block;
                vertical-align: top;
                width: calc(50% - 32px);
                margin-right: 30px;
                border: 1px solid #dedfe1;
                background: #ffffff;
                padding: 15px 0 0 0;
                position: relative
            }

                .userDashboard .dashboardContent .innerContainer .bookings .content {
                    max-height: 200px;
                    overflow-y: auto;
                }

                .userDashboard .dashboardContent .innerContainer .bookings ul {
                    width: 100%;
                    padding-top: 15px;
                }

                    .userDashboard .dashboardContent .innerContainer .bookings ul li {
                        width: 100%;
                        font-size: 0;
                        padding-bottom: 15px;
                        margin-bottom: 15px;
                        border-bottom: 1px solid #dedfe1;
                    }

                        .userDashboard .dashboardContent .innerContainer .bookings ul li:last-child {
                            border-bottom: none;
                        }

                        .userDashboard .dashboardContent .innerContainer .bookings ul li span {
                            display: inline-block;
                            vertical-align: top;
                            color: #000000;
                            font-size: 14px;
                            line-height: 18px;
                            width: calc(100% - 60px);
                        }

                            .userDashboard .dashboardContent .innerContainer .bookings ul li span strong {
                                display: block;
                                font-weight: 700;
                            }

                        .userDashboard .dashboardContent .innerContainer .bookings ul li .icon {
                            width: 40px;
                            height: 40px;
                            background: #ac3229;
                            margin-right: 20px;
                        }

                            .userDashboard .dashboardContent .innerContainer .bookings ul li .icon img {
                                width: 20px;
                                margin: 10px auto 0 auto;
                                display: block;
                            }

                        .userDashboard .dashboardContent .innerContainer .bookings ul li span .status {
                            margin-top: 5px;
                        }

                .userDashboard .dashboardContent .innerContainer .bookings .bookingFilter {
                    width: 180px;
                    position: absolute;
                    top: 15px;
                    right: 20px;
                }

                    .userDashboard .dashboardContent .innerContainer .bookings .bookingFilter select {
                        height: 34px;
                        padding-top: 0;
                        padding-bottom: 0;
                    }

                    .userDashboard .dashboardContent .innerContainer .bookings .bookingFilter a {
                        font-size: 14px;
                        line-height: 18px;
                        color: #ac3229;
                        display: block;
                        text-align: right;
                    }

            .userDashboard .dashboardContent .innerContainer .recentlyDownloaded {
                display: inline-block;
                vertical-align: top;
                width: calc(50% - 32px);
                margin-right: 30px;
                border: 1px solid #dedfe1;
                background: #ffffff;
                padding: 15px 0 0 0;
            }

                .userDashboard .dashboardContent .innerContainer .recentlyDownloaded .content {
                    max-height: 200px;
                    overflow-y: auto;
                }

                .userDashboard .dashboardContent .innerContainer .recentlyDownloaded ul {
                    width: 100%;
                    padding-top: 15px;
                }

                    .userDashboard .dashboardContent .innerContainer .recentlyDownloaded ul li {
                        width: 100%;
                        font-size: 0;
                        padding-bottom: 15px;
                        margin-bottom: 15px;
                        border-bottom: 1px solid #dedfe1;
                    }

                        .userDashboard .dashboardContent .innerContainer .recentlyDownloaded ul li:last-child {
                            border-bottom: none;
                        }

.mobileDashboardMenuBtn {
    width: calc(100% - 30px);
    max-width: 1480px;
    margin: 0 auto 20px auto;
    display: none;
}

.dashboardFilter {
    width: calc(100% + 10px);
    margin-bottom: 20px;
}

    .dashboardFilter span {
        margin: 0 10px 10px 0;
        display: inline-block;
        vertical-align: top;
    }

    .dashboardFilter .field {
        width: 200px;
    }

        .dashboardFilter .field input[type=text] {
            padding: 10px 20px;
        }

        .dashboardFilter .field select {
            padding: 12px 20px;
        }

.responsiveTable {
    width: calc(100% - 2px);
    border: 1px solid #dedfe1;
    background: #ffffff;
    margin-bottom: 20px;
}

    .responsiveTable .tableContainer {
        width: calc(100% - 40px);
        padding: 20px;
        position: relative;
    }

    .responsiveTable table {
        width: 100%;
        border-collapse: separate;
    }

        .responsiveTable table thead tr th {
            color: #ac3229;
            font-size: 12px;
            line-height: 14px;
            font-weight: 700;
            text-align: left;
            padding: 7.5px 10px;
            vertical-align: top;
            border-bottom: 1px solid #dedfe1;
        }

        .responsiveTable table tbody tr td {
            color: #000000;
            font-size: 14px;
            line-height: 18px;
            font-weight: 400;
            text-align: left;
            padding: 7.5px 10px;
            border-bottom: 1px solid #dedfe1;
            vertical-align: middle;
        }

        .responsiveTable table tbody tr:nth-child(odd) {
            background: #ffffff;
        }

        .responsiveTable table tbody tr:nth-child(even) {
            background: #f4f4f4;
        }

        .responsiveTable table tbody tr td a {
            color: #ac3229;
            text-decoration: underline;
            display: inline-block;
        }

        .responsiveTable table tbody tr td span {
            display: inline-block;
        }

        .responsiveTable table tbody tr td img {
            width: 18px;
            display: block;
            margin: 0 2px;
        }

        .responsiveTable table tbody tr td .imgThumb img {
            width: 50px;
            display: block;
            margin: 0
        }

        .responsiveTable table .checkBoxStyle {
            padding-left: 0 !important;
        }

        .responsiveTable table td .checkBoxStyle {
            margin-top: -12px;
        }

.userDashboard .status {
    display: inline-block;
    padding: 5px 0;
    color: #ffffff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    border-radius: 3px;
    text-align: center;
    width: 110px;
}

    .userDashboard .status.pending, .userDashboard .status.upcoming {
        background: #fbc40d;
    }

    .userDashboard .status.completed, .responsiveTable .status.uploaded, .responsiveTable .status.shared, .responsiveTable .status.past, .userDashboard .status.approve {
        background: #20b799;
    }

    .userDashboard .status.inprogress, .responsiveTable .status.sharedWithMe {
        background: #e97b10;
    }

    .userDashboard .status.reject, .userDashboard .status.cancelled {
        background: #e51c38;
    }

.dashboardForm {
    width: 100%;
}

    .dashboardForm .formFields {
        width: calc(100% + 20px);
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
    }

        .dashboardForm .formFields .formCol2 {
            width: calc(50% - 20px);
            margin: 0 20px 20px 0;
        }

        .dashboardForm .formFields .formCol {
            width: calc(100% - 20px);
            margin: 0 20px 20px 0;
        }

        .dashboardForm .formFields .fieldName {
            width: 100%;
            display: block;
            color: #000000;
            margin: 5px 0;
            font-weight: 700;
            font-size: 14px;
            line-height: 18px;
        }

            .dashboardForm .formFields .fieldName span {
                color: #ac3229;
            }

        .dashboardForm .formFields .field {
            width: 100%;
            display: block;
            color: #000000;
            font-size: 14px;
            line-height: 18px;
        }

.accordion {
    width: 100%;
    margin-bottom: 50px;
}

    .accordion .qna {
        width: calc(100% - 22px);
        padding: 10px 10px 0 10px;
        border: 1px solid #dedfe1;
        background: #ffffff;
        margin-bottom: 10px;
    }

        .accordion .qna .question {
            width: 100%;
            font-size: 0;
            cursor: pointer;
            margin-bottom: 10px;
        }

            .accordion .qna .question h4 {
                color: #000000;
                display: inline-block;
                vertical-align: top;
                width: calc(100% - 28px);
                margin-bottom: 0;
                text-transform: none;
                font-size: 18px;
                line-height: 22px;
                font-weight: 400;
            }

            .accordion .qna .question.active h4 {
                color: #ac3229;
                font-weight: 700;
            }

            .accordion .qna .question .icon {
                display: inline-block;
                vertical-align: top;
                width: 28px;
                height: 28px;
                background: url("../images/common/slider-rgt-img.svg")no-repeat center right;
                background-size: 16px 16px;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

            .accordion .qna .question.active .icon {
                background: url("../images/common/slider-rgt-img.svg")no-repeat center right;
                background-size: 16px 16px;
                background-position: top;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
            }

        .accordion .qna .answser {
            width: 100%;
            display: none;
        }

.addNewRequest {
    width: calc(100% - 32px);
    background: #ffffff;
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #dedfe1;
    margin-bottom: 20px;
}

    .addNewRequest h3 {
        width: 100% !important;
        border-bottom: 1px solid #dedfe1;
        padding: 0 0 15px 0 !important;
        margin-bottom: 15px;
    }
/**Corporate Collaterals**/
.corporateCollaterals {
    width: calc(100% - 30px);
    max-width: 1480px;
    margin: 30px auto 0 auto;
}

    .corporateCollaterals .container {
        width: 100%;
        font-size: 0;
    }

        .corporateCollaterals .container .templateDownload {
            width: 100%;
            min-height: 20vh;
            margin-top: 30px;
        }

            .corporateCollaterals .container .templateDownload ul {
                width: calc(100% + 40px);
                display: flex;
                flex-wrap: wrap;
                font-size: 0;
            }

                .corporateCollaterals .container .templateDownload ul li {
                    display: inline-block;
                    vertical-align: top;
                    width: calc(25% - 40px);
                    margin: 0 40px 40px 0;
                    position: relative;
                    background: #f4f4f4;
                }

                    .corporateCollaterals .container .templateDownload ul li .templateImg {
                        width: 100%;
                        border-bottom: 5px solid #ac3229;
                    }

                        .corporateCollaterals .container .templateDownload ul li .templateImg img {
                            width: 100%;
                            display: block;
                        }

                    .corporateCollaterals .container .templateDownload ul li .templateDetail {
                        width: calc(100% - 40px);
                        padding: 30px 20px;
                    }

                        .corporateCollaterals .container .templateDownload ul li .templateDetail h2 {
                            font-size: 18px;
                            line-height: 22px;
                            font-weight: 700;
                            margin-bottom: 10px;
                        }

                        .corporateCollaterals .container .templateDownload ul li .templateDetail p {
                            font-size: 14px;
                            line-height: 18px;
                            margin-bottom: 10px;
                        }

                        .corporateCollaterals .container .templateDownload ul li .templateDetail .downloadBtn {
                            font-size: 14px;
                            line-height: 18px;
                            color: #ac3229;
                        }

                            .corporateCollaterals .container .templateDownload ul li .templateDetail .downloadBtn::before {
                                content: '';
                                background: url("../images/common/icon-download.svg")no-repeat;
                                background-size: 18px 18px;
                                width: 18px;
                                height: 18px;
                                display: inline-block;
                                vertical-align: middle;
                                padding-left: 5px;
                            }
/**Marketing Events**/
.calendarPlaceholder {
    width: 100%;
    background: #f4f4f4;
}

    .calendarPlaceholder .container {
        width: calc(100% - 30px);
        max-width: 1480px;
        margin: 0 auto;
        padding: 30px 0;
    }

        .calendarPlaceholder .container #calendar {
            width: 100%;
            overflow: none;
        }

.marketingEventDetail {
    width: calc(100% - 30px);
    max-width: 1480px;
    margin: 30px auto;
}

    .marketingEventDetail .container {
        width: 100%;
        font-size: 0;
    }

        .marketingEventDetail .container .imgRgt {
            display: inline-block;
            vertical-align: top;
            float: right;
            margin-left: 40px;
            width: 500px;
        }

            .marketingEventDetail .container .imgRgt img {
                width: 100%;
                display: block;
            }

        .marketingEventDetail .container .contentLeft {
            display: inline-block;
            vertical-align: top;
            width: calc(100% - 540px);
        }

            .marketingEventDetail .container .contentLeft p {
                margin-bottom: 20px;
            }

                .marketingEventDetail .container .contentLeft p a {
                    color: #ac3229;
                }

            .marketingEventDetail .container .contentLeft .otherDetail {
                width: 100%;
                font-size: 0;
                margin-bottom: 15px;
                padding-bottom: 15px;
                border-bottom: 1px solid #dedfe1;
            }

                .marketingEventDetail .container .contentLeft .otherDetail span {
                    display: inline-block;
                    vertical-align: middle;
                }

                .marketingEventDetail .container .contentLeft .otherDetail .left {
                    width: calc(100% - 250px);
                    font-size: 12px;
                    line-height: 14px;
                    color: #666b6f;
                }

                .marketingEventDetail .container .contentLeft .otherDetail .rgt {
                    width: 250px;
                    text-align: right;
                }

                    .marketingEventDetail .container .contentLeft .otherDetail .rgt span {
                        display: inline-block;
                        vertical-align: middle;
                        margin-left: 15px;
                    }

                    .marketingEventDetail .container .contentLeft .otherDetail .rgt .shareBtn {
                        font-size: 14px;
                        line-height: 18px;
                        color: #ac3229;
                        text-decoration: underline;
                    }

                        .marketingEventDetail .container .contentLeft .otherDetail .rgt .shareBtn::before {
                            content: '';
                            background: url("../images/common/icon-share.svg")no-repeat;
                            background-size: 18px 18px;
                            width: 18px;
                            height: 18px;
                            display: inline-block;
                            vertical-align: middle;
                            padding-left: 5px;
                        }

                    .marketingEventDetail .container .contentLeft .otherDetail .rgt .calendarBtn {
                        font-size: 14px;
                        line-height: 18px;
                        color: #ac3229;
                        text-decoration: underline;
                    }

                        .marketingEventDetail .container .contentLeft .otherDetail .rgt .calendarBtn::before {
                            content: '';
                            background: url("../images/common/icon-add-calendar.svg")no-repeat;
                            background-size: 18px 18px;
                            width: 18px;
                            height: 18px;
                            display: inline-block;
                            vertical-align: middle;
                            padding-left: 5px;
                            margin-top: -3px;
                        }

        .marketingEventDetail .container .marketingPhotos {
            margin: 20px 0;
        }

            .marketingEventDetail .container .marketingPhotos h3 {
                font-size: 18px;
                line-height: 22px;
                margin-bottom: 20px;
                font-weight: 700;
            }

        .marketingEventDetail .container .photoGallery {
            width: calc(100% + 20px); /*display:flex;flex-wrap:wrap;*/
            font-size: 0;
        }

            .marketingEventDetail .container .photoGallery li {
                width: calc(20% - 20px);
                display: inline-block;
                vertical-align: top;
                margin: 0 20px 20px 0;
                background: #f4f4f4; /*border:1px solid #f4f4f4;*/
            }

                .marketingEventDetail .container .photoGallery li a {
                    display: block;
                    width: 100%;
                }

                .marketingEventDetail .container .photoGallery li span {
                    display: block;
                    width: 100%;
                }

                .marketingEventDetail .container .photoGallery li .imgContainer {
                    width: 100%;
                    height: 255px;
                    border-bottom: 5px solid #ffffff;
                    position: relative;
                    overflow: hidden;
                    -webkit-transition: all 0.5s ease;
                    -moz-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }

                .marketingEventDetail .container .photoGallery li a:hover .imgContainer {
                    border-bottom: 5px solid #ac3229;
                }

                .marketingEventDetail .container .photoGallery li .imgContainer img {
                    width: 200%;
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    display: block;
                }
/**Corporate Events**/
.corporateEventDetail {
    width: calc(100% - 30px);
    max-width: 1480px;
    margin: 30px auto;
}

    .corporateEventDetail .container {
        width: 100%;
        font-size: 0;
    }

        .corporateEventDetail .container .otherDetail {
            width: 100%;
            margin-bottom: 15px; /*padding-bottom:15px;border-bottom:1px solid #dedfe1;*/
            font-size: 12px;
            line-height: 14px;
            color: #666b6f;
        }

        .corporateEventDetail .container .photoGallery {
            width: calc(100% + 20px);
            display: flex;
            flex-wrap: wrap;
            font-size: 0;
        }

            .corporateEventDetail .container .photoGallery li {
                width: calc(20% - 20px);
                display: inline-block;
                vertical-align: top;
                margin: 0 20px 20px 0;
                background: #f4f4f4;
            }

                .corporateEventDetail .container .photoGallery li a {
                    display: block;
                    width: 100%;
                    color: #000000;
                    text-decoration: none;
                }

                .corporateEventDetail .container .photoGallery li span {
                    display: block;
                    width: 100%;
                }

                .corporateEventDetail .container .photoGallery li .imgContainer {
                    width: 100%;
                    height: 255px;
                    border-bottom: 5px solid #ffffff;
                    position: relative;
                    overflow: hidden;
                    -webkit-transition: all 0.5s ease;
                    -moz-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }

                .corporateEventDetail .container .photoGallery li a:hover .imgContainer {
                    border-bottom: 5px solid #ac3229;
                }

                .corporateEventDetail .container .photoGallery li .imgContainer img {
                    width: 200%;
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    display: block;
                }

                .corporateEventDetail .container .photoGallery li .caption {
                    width: calc(100% - 30px);
                    padding: 15px;
                    font-size: 14px;
                    line-height: 18px;
                }
/**Cart Page**/
.cartPage {
    width: calc(100% - 30px);
    max-width: 1480px;
    margin: 30px auto;
}

    .cartPage .container {
        width: 100%;
        min-height: 45vh;
    }

        .cartPage .container .commonBtn {
            float: right;
        }

        .cartPage .container .responsiveTable .NORECORD td {
            text-align: center !important;
        }
/**USER LOGIN**/
/*
.userLogin{width:calc(100% - 30px);max-width:500px;margin:100px auto;}
.userLogin .container{width:100%;text-align:center;}
.userLogin .container p{color:#000000;font-size:12px;line-height:14px;margin-bottom:15px;text-align:left;}
.userLogin .container p strong{font-weight:700;}
.userLogin .container table{width:100%;margin:10px 0 0 0;}
.userLogin .container table tr td{width:50%;text-align:left;}
.userLogin .container table tr td:last-child{text-align:right;}
.userLogin .container table tr td:last-child a{color:#ac3229;font-size:14px;line-height:18px;}
.userLogin .container .checkBoxStyle{color:#000000;font-weight:400;text-transform:none;}
.userLogin .container .keyBtn{width:calc(100% - 20px);padding:10px;display:block;background:#f4f4f4;border-radius:5px;margin-bottom:40px;text-transform:uppercase;color:#ac3229;font-weight:700;text-decoration:none;}
.userLogin .container .keyBtn span::before{content:'';background:url("../images/common/icon-key.svg")no-repeat;background-size:18px 18px;width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:10px;margin-top:-2.5px;}
*/
@-moz-document url-prefix() {
}

@media only screen and (hover: none) and (pointer: coarse) {
}

.product_elearning {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 90vh;
    margin-bottom: 50px;
}

    .product_elearning .responsive-iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
/**SAMPLE VIDEO**/
.sampleVideo {
    width: 100%;
    max-width: 480px;
}

    .sampleVideo .videoContainer {
        width: 100%;
        margin-bottom: 20px;
    }

    .sampleVideo .videoPlaceholder {
        width: 100%;
        position: relative;
        position: relative;
    }

        .sampleVideo .videoPlaceholder img {
            width: 100%;
            display: block;
        }

        .sampleVideo .videoPlaceholder .playBtn {
            position: absolute;
            top: 0;
            left: 0;
            width: inherit;
            height: inherit;
        }

            .sampleVideo .videoPlaceholder .playBtn img {
                width: 100%;
                display: block;
            }
/**Reset Pwd**/
.resetPwd {
    width: calc(100% - 30px);
    max-width: 680px;
    margin: 50px auto;
}

    .resetPwd .container {
        width: 100%;
        min-height: 42.5vh;
    }
/**UPDATES - 220411**/
.SEMISUBMENU01 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub01,
.SEMISUBMENU02 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub02,
.SEMISUBMENU03 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub03,
.SEMISUBMENU04 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub04,
.SEMISUBMENU05 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub05,
.SEMISUBMENU06 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub06,
.SEMISUBMENU07 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub07,
.SEMISUBMENU08 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub08 {
    font-weight: 400;
    color: #ffffff;
    background: rgb(68,72,74);
    background: linear-gradient(0deg, rgba(68,72,74,1) 0%, rgba(102,107,111,1) 100%)
}

    .SEMISUBMENU01 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub01 a,
    .SEMISUBMENU02 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub02 a,
    .SEMISUBMENU03 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub03 a,
    .SEMISUBMENU04 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub04 a,
    .SEMISUBMENU05 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub05 a,
    .SEMISUBMENU06 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub06 a,
    .SEMISUBMENU07 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub07 a,
    .SEMISUBMENU08 .mainMenu .container ul li .menuLevel2 ul li.menuSemiSub08 a {
        color: #ffffff;
    }
/**UPDATES - 220412**/
.noRecordsFound {
    width: 180px;
    margin: 0 auto;
    text-align: center;
}

    .noRecordsFound img {
        display: block;
        width: 150px;
        margin: 40px auto 0 auto;
    }

    .noRecordsFound p {
        font-size: 18px;
        line-height: 22px;
        font-weight: 700;
        margin: 20px 0 40px 0;
    }
/**UPDATES - 220414**/
.commonBtn.proceedBtn {
    font-weight: 700;
}

    .commonBtn.proceedBtn::after {
        content: '';
        background: url("../images/common/icon-rgt-arrow-white-line.svg")no-repeat;
        background-size: 18px 18px;
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }
/**UPDATES - 220428**/
.errorPage {
    width: 100%;
    padding: 50px 0;
    min-height: 53.5vh;
}

    .errorPage .container {
        width: 95%;
        max-width: 600px;
        margin: 0 auto;
        text-align: center;
    }

        .errorPage .container img {
            display: block;
            width: 150px;
            margin: 40px auto 0 auto;
        }

        .errorPage .container img {
            display: block;
            width: 150px;
            margin: 40px auto 0 auto;
        }

        .errorPage .container p {
            ont-size: 14px;
            line-height: 18px;
            margin: 20px 0;
        }

            .errorPage .container p strong {
                font-size: 18px;
                line-height: 22px;
                font-weight: 700;
            }

@media screen and (max-height:1080px) {
    .errorPage {
        min-height: 42vh;
    }
}
/**UPDATES - 220429, 02/06/2022**/
.homepage .latestDocument .container .documentSlider .document .grpBtns.col2 ul li {
    width: calc(50% - 1px);
}

.productsFilter .container .productsRgt .prodList li .grpBtns.col2 ul li {
    width: calc(50% - 1px);
}

.prodDetails .container .prodContents .packageList.disabled li a {
    pointer-events: none;
}

.prodDetails .container .prodContents .packageList.disabled li span {
    background: #b0b0b0;
}

    .prodDetails .container .prodContents .packageList.disabled li span::after {
        background: none;
        background-size: auto;
        width: auto;
        height: auto;
        margin-left: 0;
    }

.prodDetails .container .prodContents .prodMaterials.disabled li a {
    background: #b0b0b0;
    pointer-events: none;
}

    .prodDetails .container .prodContents .prodMaterials.disabled li a .materialTitle {
        width: 100%;
        border-right: none;
    }

    .prodDetails .container .prodContents .prodMaterials.disabled li a .icon {
        display: none;
    }

.reqestAccessNote {
    display: inline-block;
    margin: 15px 0;
    padding: 5px;
    border: 1px solid #ac3229;
    background: rgba(170, 49, 44, 0.25);
    font-size: 12px;
    line-height: 14px;
}

    .reqestAccessNote a {
        color: #ac3229;
    }

    .reqestAccessNote strong {
        font-weight: 700;
    }

.errorPage .container p a {
    color: #ac3229;
}

.prodDetails .container .videoPlaceholder .disabledVideo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.75);
}

    .prodDetails .container .videoPlaceholder .disabledVideo p {
        font-size: 12px;
        height: 14px;
        color: #ffffff;
        text-align: center;
        position: absolute;
        transform: translateY(-45%);
        top: 45%;
        width: 100%;
    }

        .prodDetails .container .videoPlaceholder .disabledVideo p a {
            color: #ffffff !important;
        }
/**UPDATES - 220525**/
.loginPage {
    width: 100%;
    height: 100vh;
    background: #ffffff;
    font-size: 0
}

    .loginPage .error {
        text-align: left;
    }

    .loginPage .left {
        width: 40%;
        height: 100%;
        background: #ac3229;
        display: inline-block;
        position: relative;
    }

        .loginPage .left .container {
            position: absolute;
            transform: translateY(-50%);
            top: 50%;
            left: 0;
            width: calc(100% - 100px);
            padding: 0 50px;
        }

        .loginPage .left .logoImg {
            width: 150px;
            margin-bottom: 50px;
            position: absolute;
            top: 50px;
            left: 50px;
        }

            .loginPage .left .logoImg img {
                width: 100%;
                display: block;
            }

        .loginPage .left .container h1 {
            color: #ffffff;
            font-size: 26px;
            line-height: 30px;
            margin-bottom: 30px;
        }

        .loginPage .left .container p {
            color: #ffffff;
            font-size: 16px;
            line-height: 20px;
        }

    .loginPage .right {
        width: 60%;
        height: 100%;
        display: inline-block;
        position: relative;
    }

        .loginPage .right .bgLeftTop {
            width: 45%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .loginPage .right .bgRgtBottom {
            width: 45%;
            position: absolute;
            bottom: 0;
            right: 0;
        }

            .loginPage .right .bgLeftTop img, .loginPage .right .bgRgtBottom img {
                width: 100%;
                display: block;
                opacity: 0.5;
            }

        .loginPage .right .container {
            position: absolute;
            transform: translateY(-50%);
            top: 50%;
            left: 0;
            right: 0;
            width: calc(100% - 100px);
            max-width: 600px;
            padding: 0 50px;
            margin: 0 auto;
            text-align: center;
        }

            .loginPage .right .container h2 {
                color: #ac3229;
                font-size: 26px;
                line-height: 30px;
                font-weight: 400;
                margin-bottom: 30px;
            }

            .loginPage .right .container p {
                color: #000000;
                font-size: 12px;
                line-height: 14px;
                margin-bottom: 15px;
                text-align: left;
            }

                .loginPage .right .container p strong {
                    font-weight: 700;
                }

            .loginPage .right .container table {
                width: 100%;
                margin: 10px 0 0 0;
            }

                .loginPage .right .container table tr td {
                    width: 50%;
                    text-align: left;
                }

                    .loginPage .right .container table tr td:last-child {
                        text-align: right;
                    }

                        .loginPage .right .container table tr td:last-child a {
                            color: #ac3229;
                            font-size: 14px;
                            line-height: 18px;
                        }

            .loginPage .right .container .checkBoxStyle {
                color: #000000;
                font-weight: 400;
                text-transform: none;
            }

            .loginPage .right .container .keyBtn {
                width: calc(100% - 20px);
                padding: 10px;
                display: block;
                background: #f4f4f4;
                border-radius: 5px;
                margin-bottom: 30px;
                text-transform: uppercase;
                color: #ac3229;
                font-weight: 700;
                text-decoration: none;
                font-size: 16px;
                line-height: 16px;
            }

                .loginPage .right .container .keyBtn span::before {
                    content: '';
                    background: url("../images/common/icon-key.svg")no-repeat;
                    background-size: 18px 18px;
                    width: 18px;
                    height: 18px;
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 10px;
                    margin-top: -2.5px;
                }

        .loginPage .right .loginFooter {
            width: calc(100% - 50px);
            position: absolute;
            bottom: 25px;
            left: 0;
            padding: 0 25px;
            text-align: center;
            font-size: 12px;
            line-height: 14px;
            color: #000000;
        }

#FORGOTPASSWORD .modal-content {
    max-width: 475px;
}

#FORGOTPASSWORD .modal-body .content h2 {
    color: #000000;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 15px;
    text-align: center;
}

#FORGOTPASSWORD .modal-body .content .groupBtn {
    font-size: 0;
}

    #FORGOTPASSWORD .modal-body .content .groupBtn .col {
        display: inline-block;
        width: 49.5%;
        vertical-align: top;
        margin-bottom: 10px;
        margin-right: 0.5%;
    }

        #FORGOTPASSWORD .modal-body .content .groupBtn .col:nth-of-type(even) {
            margin-left: 0.5%;
            margin-right: 0;
        }

    #FORGOTPASSWORD .modal-body .content .groupBtn a {
        display: block;
        text-align: center;
    }

@media screen and (max-width:1599px) {
    .loginPage .right .container {
        max-width: 540px;
    }
}

@media screen and (max-width:899px) {
    .loginPage {
        height: auto;
    }

        .loginPage .left {
            width: 100%;
            height: auto;
            display: block;
        }

            .loginPage .left .container {
                position: relative;
                transform: none;
                top: 0;
                left: 0;
                width: calc(100% - 100px);
                padding: 50px;
            }

            .loginPage .left .logoImg {
                width: 125px;
                margin-bottom: 50px;
                position: relative;
                top: 50px;
                left: 50px;
            }

        .loginPage .right {
            width: 100%;
            height: auto;
            display: block;
        }

            .loginPage .right .container {
                position: relative;
                transform: none;
                top: 0;
                width: calc(100% - 100px);
                padding: 50px;
            }

            .loginPage .right .loginFooter {
                position: relative;
                bottom: 25px;
                margin-top: 25px;
            }
}

@media screen and (max-width:499px) {
    .loginPage .left .container {
        width: calc(100% - 50px);
        padding: 50px 25px;
    }

    .loginPage .left .logoImg {
        margin-bottom: 25px;
        top: 25px;
        left: 25px;
    }

    .loginPage .right .container {
        width: calc(100% - 50px);
        padding: 50px 25px;
    }

    .loginPage .right .bgLeftTop {
        display: none;
    }

    .loginPage .right .bgRgtBottom {
        width: 100%;
    }

        .loginPage .right .bgRgtBottom img {
            opacity: 0.25;
        }
}

@media screen and (width:768px) and (height:1024px) {
    .loginPage .right .container {
        height: calc(100vh - 425px);
    }
}

@media screen and (min-width:899px) and (max-height:589px) {
    .loginPage {
        height: auto;
        min-height: 589px;
        display: table;
    }

        .loginPage .left, .loginPage .right {
            display: table-cell;
        }

            .loginPage .right .container {
                position: relative;
                transform: none;
                top: 0;
                width: calc(100% - 100px);
                padding: 50px;
            }

            .loginPage .right .loginFooter {
                width: calc(100% - 50px);
                position: absolute;
                bottom: 25px;
                left: 0;
                padding: 0 25px;
            }
}
/**UPDATE - 12/07/2022**/
.homepage .otherModules .container .industryNews .listNews li .shareIcons span .downloadBtn {
    font-size: 14px;
    line-height: 18px;
    color: #ac3229;
    text-decoration: underline;
}

    .homepage .otherModules .container .industryNews .listNews li .shareIcons span .downloadBtn::before {
        content: '';
        background: url("../images/common/icon-download.svg")no-repeat;
        background-size: 18px 18px;
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px;
    }

.articlesNewsThumb .shareIcons span .downloadBtn {
    font-size: 14px;
    line-height: 18px;
    color: #ac3229;
    text-decoration: underline;
}

    .articlesNewsThumb .shareIcons span .downloadBtn::before {
        content: '';
        background: url("../images/common/icon-download.svg")no-repeat;
        background-size: 18px 18px;
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px;
    }

.prodDetails .container .imageVideo .imgContainer {
    position: relative;
}

    .prodDetails .container .imageVideo .imgContainer .discontinued {
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 14px;
        line-height: 18px;
        background: #ac3229;
        padding: 7.5px 15px;
        border-radius: 5px;
        color: #ffffff;
    }

/**UPDATE - 22/08/2022**/
.loginPage .left .logoImg {
    width: 200px;
}

@media screen and (max-width:899px) {
    .loginPage .left .logoImg {
        width: 170px;
    }
}

/**UPDATE - 24/08/22**/
.loginPage .right .container {
    max-width: 500px;
}

    .loginPage .right .container p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 15px;
        text-align: center;
    }

.corporateEventDetail .container p a {
    color: #aa312c;
}

.responsiveTable table td.check_td .checkBoxStyle {
    margin-top: -7.5px;
}

/*notifications*/
.notificationsPopup .modal-content {
    max-width: 475px;
}

.notificationsPopup .modal-body .content h2 {
    color: #000000;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 15px;
    text-align: center;
}

.notificationsPopup .modal-body .content .groupBtn {
    font-size: 0;
}

    .notificationsPopup .modal-body .content .groupBtn .col {
        display: inline-block;
        width: 49.5%;
        vertical-align: top;
        margin-bottom: 10px;
        margin-right: 0.5%;
    }

        .notificationsPopup .modal-body .content .groupBtn .col:nth-of-type(even) {
            margin-left: 0.5%;
            margin-right: 0;
        }

    .notificationsPopup .modal-body .content .groupBtn a {
        display: block;
        text-align: center;
    }

.ONLINEBOOKING .select2 {
    width: 100% !important;
}

.ONLINEBOOKING .select2-container {
    z-index: 1;
}

.comparisonTable .table .tableBody .tableRow:nth-child(even) {
    background: #ffffff;
}

.comparisonTable .table .tableBody .tableRow.bgAlt:nth-child(odd) {
    background: #ffffff;
}

.comparisonTable .table .tableBody .tableRow.bgAlt:nth-child(even) {
    background: #f4f4f4;
}

.comparisonTable .tableRow.bgAlt {
    border-bottom: 1px solid #dedfe1;
}

    .comparisonTable .tableRow.bgAlt .tableCol {
        border-bottom: none;
    }

@media screen and (max-width:1199px) {
    .comparisonTable .notClone .tableRow.bgAlt .tableCol.firstCol {
        border-bottom: 1px solid #dedfe1;
    }

    .comparisonTable .table .tableBody .tableRow.bgAlt:nth-child(even) {
        background: #ffffff;
    }
}

@media screen and (max-width:699px) {
    .comparisonTable .tableRow.bgAlt .tableCol {
        border-bottom: 1px solid #dedfe1;
    }

    .comparisonTable .clone .table .tableBody .tableRow:nth-child(odd) {
        background: none !important;
    }

    .comparisonTable .clone .table .tableBody .tableRow:nth-child(even) {
        background: none !important;
    }

    .comparisonTable .clone .tableCol {
        visibility: visible;
        opacity: 0.0;
    }

        .comparisonTable .clone .tableCol.firstCol {
            opacity: 1.0;
        }
}
/*19092022*/
.productsFilter .container .productsRgt .prodList li.discontinuedProd .grpBtns ul li {
    width: calc(100% - 1px);
    text-align: center;
}

    .productsFilter .container .productsRgt .prodList li.discontinuedProd .grpBtns ul li a {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        padding: 10.875px 0;
        text-decoration: none;
        color: #ffffff;
        font-size: 14px;
        line-height: 18px;
    }

        .productsFilter .container .productsRgt .prodList li.discontinuedProd .grpBtns ul li a.informationBtn::before {
            content: '';
            background: url("../images/common/icon-info.svg")no-repeat;
            background-size: 15px 15px;
            width: 15px;
            height: 15px;
            margin-right: 5px;
            display: inline-block;
            vertical-align: middle;
        }

/*	23092022 Updates*/
.comparisonTable .tableCol .prodImg {
    position: relative;
}

    .comparisonTable .tableCol .prodImg .discontinued {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 11px;
        line-height: 13px;
        background: #ac3229;
        padding: 5px 10px;
        border-radius: 5px;
        color: #ffffff;
    }

@media screen and (max-width:499px) {
    .comparisonTable .tableCol .prodImg .discontinued {
        font-size: 10px;
        line-height: 12px;
    }
}

.productsFilter .container .productsRgt .prodList li .prodImg .discontinued {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 14px;
    line-height: 18px;
    background: #ac3229;
    padding: 7.5px 15px;
    border-radius: 5px;
    color: #ffffff;
}


.TERMSCONS .commonPage {
    padding-top: 155px
}

.tncPage {
    width: calc(100% - 30px);
    max-width: 1480px;
    min-height: 80vh;
    margin: 30px auto;
}

    .tncPage .container {
        width: 100%;
    }

        .tncPage .container p {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 15px;
        }

.backBtn {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.tncPage .container .backBtn,
.tncPage .container .commonBtn {
    height: auto;
}

.TERMSCONS .copyright {
    border-top: none;
    padding: 0 0 25px 0;
}

@media screen and (max-width:1199px) {
    .TERMSCONS .topHeader .container .left {
        margin: 0 30px 0 0;
    }

    .TERMSCONS .topHeader .container .left {
        width: calc(100% - 200px) !important;
    }

    .TERMSCONS .commonPage {
        padding-top: 107px
    }
}

@media screen and (max-width:599px) {
    .TERMSCONS .topHeader .container .left {
        width: calc(100% - 110px) !important;
    }
}

@media screen and (max-height:1080px) {
    .tncPage {
        min-height: 72.5vh;
    }
}

@media screen and (max-height:960px) {
    .tncPage {
        min-height: 65vh;
    }
}

@media screen and (max-width:619px) {
    .articlesNewsThumb.vertical ul li .imgContainer {
        height: auto;
    }

        .articlesNewsThumb.vertical ul li .imgContainer img {
            display: block;
            position: relative;
            top: 0;
            left: 0;
            transform: none;
        }
}

.checkGrp_02 {
    width: calc(100% + 10px);
}

    .checkGrp_02 li {
        width: calc(50% - 10px);
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .checkGrp_02 li .checkBoxStyle {
            font-family: 'Open Sans', sans-serif;
            color: #666b6f;
            font-size: 14px;
        }

@media screen and (max-width:399px) {
    .checkGrp_02 li {
        width: calc(100% - 10px);
    }
}

/*27122022 Icons CSS*/

.docTypeIcon {
    position: absolute;
    top: 10px;
    right: 10px;
}

    .docTypeIcon img {
        width: 25px;
        display: block;
    }

.prodDetails .container .prodContents .prodMaterials li.disabled a {
    background: #b0b0b0;
    pointer-events: none;
}

    .prodDetails .container .prodContents .prodMaterials li.disabled a .materialTitle {
        width: 100%;
        border-right: none;
    }

    .prodDetails .container .prodContents .prodMaterials li.disabled a .icon {
        display: none;
    }