@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
    -webkit-text-size-adjust: none;
    position: relative;
    color: #000000;
    background: #ffffff;
    font-weight: 400;
}

.clear {
    clear: both;
    display: block;
    width: 100%;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

.padding30 {
    padding: 30px;
}

sup {
    vertical-align: 0;
    position: relative;
    top: -0.25em;
}

.wordBreak {
    word-break: break-all;
}

.error {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #ff3737;
    margin: 5px 0 0 0;
}
/**Back to Top**/
.backTopBtn {
    background: url(../images/common/icon-backTop.svg) no-repeat #ac3229;
    background-position: center center;
    background-size: 25px;
    position: fixed;
    bottom: -150px;
    right: 10px;
    width: 40px;
    height: 40px;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    border: 1px solid #ffffff;
    z-index: 1000;
}
/******Form Fields******/
/**Input text field**/
input[type=text], input[type=password] {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #666b6f;
    font-size: 14px;
    border: 1px solid #dedfe1;
    padding: 10px 15px;
    height: 44px;
    background: #ffffff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 10px;
    margin: 0;
    text-align: left;
}

input[type="text"].calendar {
    background-image: url(../images/common/icon-calendar.svg);
    background-size: 25px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 30px;
}

input[type="text"].usernameIcon {
    background-image: url("../images/common/login-username.svg");
    background-size: 28px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 30px !important;
    padding-right: 25px;
}

input[type="password"].pwdIcon {
    background-image: url("../images/common/login-pwd.svg");
    background-size: 28px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 30px !important;
    padding-right: 25px;
}

input[type="text"].emailIcon {
    background-image: url("../images/common/login-email.svg");
    background-size: 28px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 30px !important;
    padding-right: 25px;
}

::-webkit-input-placeholder {
    color: rgba(102,107,111,0.5);
}

:-ms-input-placeholder {
    color: rgba(102,107,111,0.5);
}

::placeholder {
    color: rgba(102,107,111,0.5);
}

input[type="text"]:disabled {
    background: #dedfe1;
    border: 1px solid #dedfe1;
    -webkit-text-fill-color: #666b6f;
    opacity: 1; /* required on iOS */
}

@-moz-document url-prefix() {
}
/**Input select field**/
select {
    background: url(../images/common/icon-selectField.svg) right no-repeat #ffffff;
    background-size: 35px;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #666b6f;
    font-size: 14px;
    border: 1px solid #dedfe1;
    padding: 10px 15px;
    height: 44px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 10px;
    margin: 0;
    text-align: left;
}

.daterangepicker select {
    background: url("../images/common/icon-drop-down-black.svg") right no-repeat #ffffff;
    background-size: 25px;
    border-radius: 0;
}

select::-ms-expand {
    display: none; /* remove default arrow on ie10 and ie11 */
}

@media screen and (min-width:0\0) {
    select {
        background: none\9;
        padding: 5px\9;
    }
}
/**TextArea**/
textarea {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #666b6f;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #dedfe1;
    padding: 10px 15px;
    background: #ffffff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 10px;
    margin: 0;
    text-align: left;
    resize: none;
    height: 120px;
}
/*Input radio*/
[type="radio"]:checked, [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 20px;
        cursor: pointer;
        display: inline-block;
        color: #000000;
        font-size: 14px;
        line-height: 14px;
        font-weight: 400;
    }

        [type="radio"]:checked + label:before,
        [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0x;
            width: 12px;
            height: 12px;
            border: 1px solid #dedfe1;
            border-radius: 100%;
            background: #ffffff;
        }

        [type="radio"]:checked + label:after,
        [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 5px;
            height: 5px;
            border: 5px solid #ac3229;
            background: #ffffff;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
/*Input checkbox*/
.checkBoxStyle {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left !important;
}

    .checkBoxStyle input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 13px !important;
    width: 13px !important;
    border-radius: 2.5px;
    background-color: #ffffff;
    border: 1px solid #dedfe1;
}

.checkBoxStyle:hover input ~ .checkmark {
    background-color: #ffffff;
    border: 1px solid #dedfe1;
}

.checkBoxStyle input:checked ~ .checkmark {
    background-color: #ac3229;
    border: 1px solid #ac3229;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkBoxStyle input:checked ~ .checkmark:after {
    display: block;
}

.checkBoxStyle .checkmark:after {
    left: 4px;
    top: 2px;
    width: 3px;
    height: 6px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*Input button*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: none;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
}
/**Common Btns**/
.commonBtn {
    color: #ffffff;
    background: #ac3229;
    height: 43px;
    padding: 15px 30px;
    border-radius: 10px;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .commonBtn.inquire {
        width: 100%;
        display: block;
        padding: 10px 0;
        text-align: center;
        font-size: 14px;
        line-height: 18px;
        color: #ffffff;
        background: #ac3229;
        text-decoration: none;
        border-radius: 10px;
    }

        .commonBtn.inquire::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;
        }

    .commonBtn.grey {
        background: #666b6f;
    }

    .commonBtn.download {
        padding: 10px 20px;
        text-align: center;
        font-size: 14px;
        line-height: 22px;
        color: #ffffff;
        background: #ac3229;
        text-decoration: none;
        border-radius: 10px;
    }

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

.backBtn {
    color: #ffffff;
    background: #666b6f;
    height: 43px;
    padding: 15px 30px;
    border-radius: 10px;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
}

.upload {
    width: 100%;
    position: relative;
    overflow: hidden;
    font-size: 0;
}

    .upload input[type=file] {
        width: 128px;
        height: 43px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        cursor: pointer;
        background: none !important;
        border: none !important;
    }

    .upload input[type=text] {
        background: none !important;
        border: none !important;
        display: inline-block;
    }

    .upload .backBtn {
        display: inline-block;
        vertical-align: middle;
        width: 129px;
        background: #b0b0b0;
    }

    .upload label {
        display: inline-block;
        font-size: 14px;
        line-height: 18px;
        color: #212330;
        vertical-align: middle;
        width: calc(100% - 129px);
    }
/**Header**/
header {
    width: 100%;
    position: fixed;
    z-index: 2;
}

    header .redHeader {
        width: 100%;
        background: #ac3229;
        position: relative;
        z-index: 1;
    }

        header .redHeader .topHeader {
            width: 100%;
            border-bottom: 1px solid #90211c;
        }

            header .redHeader .topHeader .container {
                width: calc(100% - 30px);
                max-width: 1480px;
                margin: 0 auto;
                padding: 15px 0;
                font-size: 0;
                position: relative;
            }

.topHeader .container .left {
    display: inline-block;
    vertical-align: middle;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    width: 330px;
}

    .topHeader .container .left a {
        text-decoration: none;
        color: #ffffff;
    }

.topHeader .container .rgt {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 330px);
    text-align: right;
    font-size: 0;
}

    .topHeader .container .rgt .companyLogo {
        width: 130px;
        margin-left: 110px;
        display: inline-block;
        vertical-align: middle;
    }

        .topHeader .container .rgt .companyLogo img {
            width: 100%;
            display: block;
            padding: 15px 0;
        }

    .topHeader .container .rgt .topNav {
        width: calc(100% - 240px);
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

        .topHeader .container .rgt .topNav span {
            display: inline-block;
            vertical-align: middle;
            margin: 0 15px;
        }

            .topHeader .container .rgt .topNav span a {
                color: #ffffff;
                font-size: 14px;
                line-height: 18px;
                text-decoration: none;
                display: block;
            }

            .topHeader .container .rgt .topNav span .languageBtn::before {
                content: '';
                background: url("../images/common/icon-language.svg") no-repeat center;
                background-size: 20px;
                padding: 5px 0 5px 35px;
            }

            .topHeader .container .rgt .topNav span .cartBtn::before {
                content: '';
                background: url("../images/common/icon-cart.svg") no-repeat center;
                background-size: 20px;
                padding: 5px 0 5px 35px;
            }

            .topHeader .container .rgt .topNav span .loginBtn {
                background: #ffffff;
                padding: 23px 20px 10px 20px;
                color: #ac3229;
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
                margin-top: -35px;
            }

                .topHeader .container .rgt .topNav span .loginBtn .loginIcon {
                    width: 20px;
                    margin: 0 auto 5px auto;
                    display: block;
                }

.userAccount {
    width: 240px;
    position: absolute;
    top: 65px;
    right: 130px;
    padding-top: 25px;
    display: none;
    z-index: 999;
}

    .userAccount .arrowImg {
        position: absolute;
        top: 10px;
        left: 40px;
        width: 25px;
    }

        .userAccount .arrowImg img {
            width: 100%;
            display: block;
        }

    .userAccount .myAccount {
        padding: 30px 15px 20px 15px;
        width: calc(100% - 30px);
        background: #ffffff;
        border-radius: 5px;
        -webkit-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
        box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
        position: relative;
    }

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

            .userAccount .myAccount p strong {
                font-weight: 700;
            }

        .userAccount .myAccount a {
            display: block;
            font-size: 14px;
            line-height: 18px;
            width: 100%;
            padding: 10px 0;
            text-align: center;
            text-decoration: none;
            color: #ffffff;
            margin: 5px 0;
            border-radius: 5px;
        }

            .userAccount .myAccount a.settingBtn {
                background: #ac3229;
            }

            .userAccount .myAccount a.signOutBtn {
                background: #666b6f;
            }

        .userAccount .myAccount .closeAccount {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 20px;
            cursor: pointer;
        }

            .userAccount .myAccount .closeAccount img {
                width: 100%;
                display: block;
            }

.languageSelect {
    width: 240px;
    position: absolute;
    top: 65px;
    right: 350px;
    padding-top: 25px;
    display: none;
    z-index: 999;
}

    .languageSelect .arrowImg {
        position: absolute;
        top: 10px;
        left: 40px;
        width: 25px;
    }

        .languageSelect .arrowImg img {
            width: 100%;
            display: block;
        }

    .languageSelect .myLanguage {
        padding: 30px 15px 20px 15px;
        width: calc(100% - 30px);
        background: #ffffff;
        border-radius: 5px;
        -webkit-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
        box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
        position: relative;
    }

        .languageSelect .myLanguage p {
            font-size: 14px;
            line-height: 18px;
            color: #000000;
            margin-bottom: 5px;
        }

            .languageSelect .myLanguage p strong {
                font-weight: 700;
            }

        .languageSelect .myLanguage a {
            display: block;
            font-size: 14px;
            line-height: 18px;
            width: 100%;
            padding: 10px 0;
            text-align: center;
            text-decoration: none;
            color: #ffffff;
            margin: 5px 0;
            border-radius: 5px;
        }

            .languageSelect .myLanguage a.settingBtn {
                background: #ac3229;
            }

            .languageSelect .myLanguage a.signOutBtn {
                background: #666b6f;
            }

        .languageSelect .myLanguage .closeLanguage {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 20px;
            cursor: pointer;
        }

            .languageSelect .myLanguage .closeLanguage img {
                width: 100%;
                display: block;
            }

header .redHeader .mainMenu {
    width: 100%;
    position: relative;
}

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

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

    .mainMenu .container ul li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 40px;
        font-weight: 400;
        letter-spacing: 0.2px;
    }

        .mainMenu .container ul li:last-child {
            margin-right: 0;
        }

        .mainMenu .container ul li a {
            color: #ffffff;
            text-decoration: none;
            font-size: 14px;
            line-height: 18px;
            padding: 15px 0;
            display: block;
        }

.mainMenu > .container > ul > li:hover {
    font-weight: 700;
    letter-spacing: 0;
}

.mainMenu .container ul li .menuLevel2 {
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 49px;
    left: 0;
    padding-top: 0;
    visibility: hidden;
    opacity: 0.0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: rgb(220,220,220);
    background: linear-gradient(0deg, rgba(220,220,220,1) 0%, rgba(244,244,244,1) 100%);
}

.mainMenu .container ul li:hover .menuLevel2 {
    visibility: visible;
    opacity: 1.0;
    z-index: 1;
}

.SEMICONDUCTOR .mainMenu .container ul li.menuSemiconductor .menuLevel2,
.SALES .mainMenu .container ul li.menuSales .menuLevel2,
.SERVICETOOLS .mainMenu .container ul li.menuService .menuLevel2,
.INNOVATIONCENTER .mainMenu .container ul li.menuInnovation .menuLevel2,
.CORPORATE .mainMenu .container ul li.menuCorporate .menuLevel2 {
    visibility: visible;
    opacity: 1.0;
    z-index: 0;
}

.mainMenu .container ul li.active .menuLevel2 {
    visibility: visible;
    opacity: 1.0;
    z-index: 1;
}

.mainMenu .container ul li.inactive .menuLevel2 {
    visibility: hidden !important;
    opacity: 0.0 !important;
}

.mainMenu .container ul li .menuLevel2 ul {
    width: calc(100% - 30px);
    max-width: 1480px;
    margin: 0 auto;
    padding-top: 3px;
    position: relative;
}

.mainMenu .container ul li .menuLevel2 .arrowImg {
    width: 100%;
    position: absolute;
    background: #ac3229;
    top: -10px;
    left: 0;
}

    .mainMenu .container ul li .menuLevel2 .arrowImg img {
        width: 15px;
        position: relative;
        top: 0;
        left: 60px;
        display: block;
    }

.mainMenu .container ul li.menuSemiconductor .menuLevel2 .arrowImg img {
    left: 55px;
}

.mainMenu .container ul li.menuSales .menuLevel2 .arrowImg img {
    left: 265px;
}

.mainMenu .container ul li.menuService .menuLevel2 .arrowImg img {
    left: 710px;
}

.mainMenu .container ul li.menuCorporate .menuLevel2 .arrowImg img {
    left: 430px;
}

.mainMenu .container ul li.menuInnovation .menuLevel2 .arrowImg img {
    left: 565px;
}

.mainMenu .container ul li.menuGeneral .menuLevel2 .arrowImg img {
    left: 865px;
}

.mainMenu .container ul li .menuLevel2 ul li {
    margin-right: 2.5px;
    padding: 13.5px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
}

.mainMenu > .container > ul > li > .menuLevel2 > ul > li:hover {
    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%)
}

    .mainMenu > .container > ul > li > .menuLevel2 > ul > li:hover > a {
        color: #ffffff;
    }

.mainMenu .container ul li .menuLevel2 ul li a {
    color: #666b6f;
    padding: 0;
    text-align: center;
}

.IC_DISCRETE .mainMenu .container ul li .menuLevel2 ul li.menuIC_Discrete,
.OPTO_LED .mainMenu .container ul li .menuLevel2 ul li.menuOPTO_LED,
.CIS .mainMenu .container ul li .menuLevel2 ul li.menuCIS,
.ADVANCEDPACK .mainMenu .container ul li .menuLevel2 ul li.menuAdvancedPack,
.ALOT .mainMenu .container ul li .menuLevel2 ul li.menuAlot,
.SOLUTIONS .mainMenu .container ul li .menuLevel2 ul li.menuSolutionsProd,
.TECHNICALARTICLES .mainMenu .container ul li .menuLevel2 ul li.menuArticles,
.COMPETITORSSOLUTIONS .mainMenu .container ul li .menuLevel2 ul li.menuSolutions,
.DISCONTINUEDPRODUCTS .mainMenu .container ul li .menuLevel2 ul li.menuDiscontinedProds,
.PRODUCTCOMPARISON .mainMenu .container ul li .menuLevel2 ul li.menuComparison,
.PRESENTATIONTEMPLATES .mainMenu .container ul li .menuLevel2 ul li.menuTemplates,
.PRODUCTOWNER .mainMenu .container ul li .menuLevel2 ul li.menuDirectory,
.MARKETINGEVENTS .mainMenu .container ul li .menuLevel2 ul li.menuMarketingEvents,
.ELEARNING .mainMenu .container ul li .menuLevel2 ul li.menueLearning,
.EMANUAL .mainMenu .container ul li .menuLevel2 ul li.menueManual,
.ABOUTCENTER .mainMenu .container ul li .menuLevel2 ul li.menuAbtCenter,
.ONLINEBOOKING .mainMenu .container ul li .menuLevel2 ul li.menuOnlineBooking,
.VIEWALLBOOKINGS .mainMenu .container ul li .menuLevel2 ul li.menuViewAllBookings,
.MYBOOKINGS .mainMenu .container ul li .menuLevel2 ul li.menuMyBookings,
.REPORTS .mainMenu .container ul li .menuLevel2 ul li.menuReports,
.COLLATERALS .mainMenu .container ul li .menuLevel2 ul li.menuCollaterals,
.CORPEVENTS .mainMenu .container ul li .menuLevel2 ul li.menuCorpEvents {
    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%)
}

    .IC_DISCRETE .mainMenu .container ul li .menuLevel2 ul li.menuIC_Discrete a,
    .OPTO_LED .mainMenu .container ul li .menuLevel2 ul li.menuOPTO_LED a,
    .CIS .mainMenu .container ul li .menuLevel2 ul li.menuCIS a,
    .ADVANCEDPACK .mainMenu .container ul li .menuLevel2 ul li.menuAdvancedPack a,
    .ALOT .mainMenu .container ul li .menuLevel2 ul li.menuAlot a,
    .SOLUTIONS .mainMenu .container ul li .menuLevel2 ul li.menuSolutionsProd a,
    .TECHNICALARTICLES .mainMenu .container ul li .menuLevel2 ul li.menuArticles a,
    .COMPETITORSSOLUTIONS .mainMenu .container ul li .menuLevel2 ul li.menuSolutions a,
    .DISCONTINUEDPRODUCTS .mainMenu .container ul li .menuLevel2 ul li.menuDiscontinedProds a,
    .PRODUCTCOMPARISON .mainMenu .container ul li .menuLevel2 ul li.menuComparison a,
    .PRESENTATIONTEMPLATES .mainMenu .container ul li .menuLevel2 ul li.menuTemplates a,
    .PRODUCTOWNER .mainMenu .container ul li .menuLevel2 ul li.menuDirectory a,
    .MARKETINGEVENTS .mainMenu .container ul li .menuLevel2 ul li.menuMarketingEvents a,
    .ELEARNING .mainMenu .container ul li .menuLevel2 ul li.menueLearning a,
    .EMANUAL .mainMenu .container ul li .menuLevel2 ul li.menueManual a,
    .ABOUTCENTER .mainMenu .container ul li .menuLevel2 ul li.menuAbtCenter a,
    .ONLINEBOOKING .mainMenu .container ul li .menuLevel2 ul li.menuOnlineBooking a,
    .VIEWALLBOOKINGS .mainMenu .container ul li .menuLevel2 ul li.menuViewAllBookings a,
    .MYBOOKINGS .mainMenu .container ul li .menuLevel2 ul li.menuMyBookings a,
    .REPORTS .mainMenu .container ul li .menuLevel2 ul li.menuReports a,
    .COLLATERALS .mainMenu .container ul li .menuLevel2 ul li.menuCollaterals a,
    .CORPEVENTS .mainMenu .container ul li .menuLevel2 ul li.menuCorpEvents a {
        color: #ffffff;
    }

.mainMenu .container ul li .menuLevel3 {
    width: 230px;
    position: absolute;
    top: 45px;
    left: 0;
    padding-top: 0;
    visibility: hidden;
    opacity: 0.0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #ffffff;
    -webkit-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
}

.mainMenu .container .menuLevel2 ul li:hover .menuLevel3 {
    visibility: visible;
    opacity: 1.0;
}

.mainMenu .container ul li .menuLevel3 ul {
    padding: 5px 0;
    width: 100%;
}

    .mainMenu .container ul li .menuLevel3 ul li {
        width: 100%;
        display: block;
        margin-right: 0;
        padding: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background: #ffffff;
    }

        .mainMenu .container ul li .menuLevel3 ul li:hover {
            background: #f4f4f4;
        }

        .mainMenu .container ul li .menuLevel3 ul li a {
            color: #666b6f !important;
            padding: 7.5px 15px;
            text-align: left;
        }

.mainMenu .container ul li .menuLevel3.col2 {
    width: 460px;
}

    .mainMenu .container ul li .menuLevel3.col2 ul {
        width: 100%;
        font-size: 0;
    }

        .mainMenu .container ul li .menuLevel3.col2 ul li {
            display: inline-block;
            vertical-align: middle;
            width: 50%;
        }

header .gradientHeader {
    width: 100%;
    height: 48px;
    background: rgb(220,220,220);
    background: linear-gradient(0deg, rgba(220,220,220,1) 0%, rgba(244,244,244,1) 100%);
}
/**MOBILE MENU**/
.mobileMainMenu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.mobileMenuBtn {
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    width: 20px;
    height: 15px;
    position: relative;
    top: 29px;
    left: 15px;
}

    .mobileMenuBtn span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #ffffff;
        border-radius: 3px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        .mobileMenuBtn span:nth-child(1) {
            top: 0px;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
        }

        .mobileMenuBtn span:nth-child(2) {
            top: 6.5px;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
        }

        .mobileMenuBtn span:nth-child(3) {
            top: 13.5px;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
        }

    .mobileMenuBtn.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
        left: 0;
    }

    .mobileMenuBtn.open span:nth-child(2) {
        width: 0;
        opacity: 0;
    }

    .mobileMenuBtn.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 14px;
        left: 0;
    }

    .mobileMenuBtn.open span {
        background: #ffffff;
    }

.mobileMenu {
    width: 100%;
    max-width: 320px;
    height: calc(100% - 72.5px);
    max-height: calc(100% - 72.5px);
    position: fixed;
    top: 72.5px;
    left: -999px;
    background: #ffffff;
    -webkit-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

    .mobileMenu.open {
        left: 0;
    }

    .mobileMenu .blackNav {
        width: 100%;
        background: #000000;
        font-size: 0;
    }

        .mobileMenu .blackNav span {
            width: calc(33.3333% - 2px);
            display: inline-block;
            vertical-align: middle;
            padding: 10px 0;
            text-align: center;
            border-right: 1px solid #ffffff;
        }

            .mobileMenu .blackNav span.loginBtn {
                border-right: none;
            }

            .mobileMenu .blackNav span a {
                display: block;
                font-size: 14px;
                line-height: 18px;
                color: #ffffff;
                text-decoration: none;
            }

            .mobileMenu .blackNav span img {
                display: block;
                width: 20px;
                height: 20px;
                margin: 0 auto 5px auto;
            }

    .mobileMenu .container {
        max-height: calc(100% - 192px);
        height: calc(100% - 192px);
        overflow-y: auto;
        position: relative;
        width: calc(100% - 40px);
        padding: 20px;
    }

        .mobileMenu .container ul {
            width: 100%;
        }

            .mobileMenu .container ul li {
                width: 100%;
            }

                .mobileMenu .container ul li a {
                    display: block;
                    width: 100%;
                    padding: 10px 0;
                    font-size: 14px;
                    line-height: 18px;
                    color: #ac3229;
                    font-weight: 700;
                    text-decoration: none;
                }

                .mobileMenu .container ul li a {
                    background: url("../images/common/icon-drop-down.svg")no-repeat right center;
                    background-size: 20px;
                }

                .mobileMenu .container ul li .menuLevel2 {
                    width: calc(100% - 10px);
                    margin-left: 10px;
                    display: none;
                }

                    .mobileMenu .container ul li .menuLevel2 ul li a {
                        color: #000000;
                        font-weight: 400;
                        padding: 5px 0;
                        background: none;
                    }

                    .mobileMenu .container ul li .menuLevel2 ul li.dd a {
                        background: url("../images/common/icon-drop-down-black.svg")no-repeat right center;
                        background-size: 20px;
                    }

                .mobileMenu .container ul li .menuLevel3 {
                    width: calc(100% - 20px);
                    margin-left: 0;
                    display: none;
                }

                    .mobileMenu .container ul li .menuLevel3 ul li a {
                        color: #666b6f;
                        font-weight: 400;
                        padding: 5px 0;
                        background: none !important;
                    }

.show1429 {
    display: none;
}

.mobileUserAccount {
    width: calc(100% - 40px);
    padding: 10px 20px 5px 20px;
    background: #666b6f
}

    .mobileUserAccount p {
        font-size: 14px;
        line-height: 18px;
        color: #ffffff;
        margin-bottom: 10px;
    }

        .mobileUserAccount p strong {
            font-weight: 700;
        }

    .mobileUserAccount span {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 40px);
    }

    .mobileUserAccount .icon {
        width: 20px;
        margin-left: 15px;
    }

        .mobileUserAccount .icon img {
            width: 100%;
            display: block;
        }
/**Footer**/
footer {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #666b6f;
    padding-top: 30px;
    z-index: 0;
}

    footer .sitemap {
        width: 100%;
        margin-bottom: 20px;
    }

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

            footer .sitemap .container ul {
                width: 100%;
                font-size: 0;
            }

                footer .sitemap .container ul li {
                    width: 16.6666%;
                    display: inline-block;
                    vertical-align: top;
                }

                    footer .sitemap .container ul li p {
                        font-size: 14px;
                        line-height: 18px;
                        color: #ffffff;
                        margin-bottom: 10px;
                    }

                        footer .sitemap .container ul li p strong {
                            font-weight: 700;
                        }

                    footer .sitemap .container ul li a {
                        font-size: 14px;
                        line-height: 18px;
                        color: #ffffff;
                        display: block;
                        margin-bottom: 10px;
                        text-decoration: none;
                    }

    footer .copyright {
        width: 100%;
        border-top: 1px solid #ffffff;
        padding: 20px 0;
    }

        footer .copyright .container {
            width: calc(100% - 30px);
            max-width: 1480px;
            margin: 0 auto;
            font-size: 14px;
            line-height: 18px;
            color: #ffffff;
        }
/**Popup**/
@-webkit-keyframes popupAnim {
    from {
        opacity: 0;
        margin-top: -200px;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes popupAnim {
    from {
        opacity: 0;
        margin-top: -200px;
    }

    to {
        opacity: 1;
    }
}

@keyframes popupAnim {
    from {
        opacity: 0;
        margin-top: -200px;
    }

    to {
        opacity: 1;
    }
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
    display: none;
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-dialog:target {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    visibility: hidden;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 5% auto;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    background-clip: padding-box;
    width: 95%;
    max-width: 960px;
    height: auto;
    margin: 0 auto;
    outline: none;
    z-index: 2998;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2999;
    background-color: #000;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=80);
        opacity: .8;
    }

.modal-body {
    position: relative;
    width: 100%;
}

.closePopUpBtn {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 999;
}

    .closePopUpBtn img {
        width: 20px;
        height: 20px;
        display: block;
    }

#loginPopup .closePopUpBtn .mobile {
    display: none;
}

.modal-body .content {
    width: calc(100% - 40px);
    padding: 60px 20px 20px 20px;
}
/**LOGIN**/
#loginPopup .modal-content {
    max-width: 800px;
    border-radius: 10px;
    overflow: hidden;
}

    #loginPopup .modal-content .content {
        width: 100%;
        padding: 0;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
    }

        #loginPopup .modal-content .content .loginIntro {
            width: calc(40% - 60px);
            background: #ac3229;
            padding: 60px 30px;
        }

            #loginPopup .modal-content .content .loginIntro h2 {
                color: #ffffff;
                font-size: 26px;
                line-height: 30px;
                margin-bottom: 30px;
            }

            #loginPopup .modal-content .content .loginIntro p {
                color: #ffffff;
                font-size: 16px;
                line-height: 20px;
            }

        #loginPopup .modal-content .content .loginFields {
            width: calc(60% - 80px);
            background: #ffffff;
            padding: 60px 40px;
            text-align: center;
        }

            #loginPopup .modal-content .content .loginFields h2 {
                color: #ac3229;
                font-size: 26px;
                line-height: 30px;
                font-weight: 400;
                margin-bottom: 30px;
            }

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

    #loginPopup .loginFields p strong {
        font-weight: 700;
    }

#loginPopup .loginFields table {
    width: 100%;
    margin: 10px 0 0 0;
}

    #loginPopup .loginFields table tr td {
        width: 50%;
        text-align: left;
    }

        #loginPopup .loginFields table tr td:last-child {
            text-align: right;
        }

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

#loginPopup .loginFields .checkBoxStyle {
    color: #000000;
    font-weight: 400;
    text-transform: none;
}

#loginPopup .loginFields .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;
}

    #loginPopup .loginFields .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;
    }

.FORGOTPWD {
    display: none;
}
/**DELETE**/
#delete .modal-content {
    max-width: 475px;
}

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

#delete .modal-body .content p {
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 30px;
}

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

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

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

    #delete .modal-body .content .groupBtn a {
        display: block;
        text-align: center;
    }
/**LANGUAGE**/
#languagePopup .modal-content {
    max-width: 280px;
}

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

#languagePopup .modal-body .content .commonBtn {
    display: block;
    margin-bottom: 10px;
    text-align: center;
}
/**FLOORPLAN (Video / Content)**/
.floorPlanPopup .modal-content {
    max-width: 1200px;
    border-radius: 10px;
    overflow: hidden;
}

    .floorPlanPopup .modal-content .content {
        width: 100%;
        padding: 0;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        background: #ffffff;
    }

        .floorPlanPopup .modal-content .content .videoLeft {
            width: 50%;
            background: #000000;
        }

            .floorPlanPopup .modal-content .content .videoLeft .videoWrapper {
                width: calc(100% - 2px);
            }

        .floorPlanPopup .modal-content .content .contentRgt {
            width: calc(50% - 40px);
            padding: 15px 20px;
        }

            .floorPlanPopup .modal-content .content .contentRgt h3 {
                font-size: 18px;
                line-height: 22px;
                margin-bottom: 10px;
            }

            .floorPlanPopup .modal-content .content .contentRgt p {
                font-size: 14px;
                line-height: 18px;
                margin-bottom: 10px;
            }

            .floorPlanPopup .modal-content .content .contentRgt ul {
                list-style: disc;
                margin-bottom: 10px;
                margin-left: 15px;
            }

                .floorPlanPopup .modal-content .content .contentRgt ul ul {
                    margin-bottom: 0;
                    list-style: circle;
                }

                .floorPlanPopup .modal-content .content .contentRgt ul li {
                    font-size: 14px;
                    line-height: 18px;
                    padding: 1.5px;
                }

            .floorPlanPopup .modal-content .content .contentRgt .commonBtn {
                margin: 10px 0 0 0;
                height: 33px;
                padding: 10px 20px;
                border-radius: 5px;
            }

.floorPlanPopup .closePopUpBtn {
    top: 15spx;
    right: 20px;
}
/**WATERMARK**/
.watermark {
    position: fixed;
    z-index: 99;
    display: block;
    width: calc(100% - 30px);
    max-width: 1480px;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    pointer-events: none;
}

    .watermark .topLeft {
        position: absolute;
        top: 40px;
        left: 20px;
        text-align: center;
        transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
    }

    .watermark .topRgt {
        position: absolute;
        top: 40px;
        right: 20px;
        text-align: center;
        transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
    }

    .watermark .center {
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
    }

    .watermark .bottomLeft {
        position: absolute;
        bottom: 40px;
        left: 20px;
        text-align: center;
        transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
    }

    .watermark .bottomRgt {
        position: absolute;
        bottom: 40px;
        right: 20px;
        text-align: center;
        transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
    }

    .watermark p {
        color: rgba(0,0,0,0.25);
        font-size: 14px;
        line-height: 18px;
    }

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.mainMenu .container ul li.menuSemiconductor .menuLevel2 .arrowImg img {
    left: 55px;
}

.mainMenu .container ul li.menuSales .menuLevel2 .arrowImg img {
    left: 265px;
}

.mainMenu .container ul li.menuService .menuLevel2 .arrowImg img {
    left: 710px;
}

.mainMenu .container ul li.menuCorporate .menuLevel2 .arrowImg img {
    left: 430px;
}

.mainMenu .container ul li.menuInnovation .menuLevel2 .arrowImg img {
    left: 565px;
}

.mainMenu .container ul li.menuGeneral .menuLevel2 .arrowImg img {
    left: 865px;
}

.topHeader .container .rgt .companyLogo {
    width: 170px;
    margin-left: 70px;
    display: inline-block;
    vertical-align: middle;
}

    .topHeader .container .rgt .companyLogo.mobileVer {
        display: none;
    }

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

    .topHeader .container .rgt {
        width: 170px !important;
    }

        .topHeader .container .rgt .companyLogo {
            width: 170px !important;
        }

    .mobileMenuBtn {
        top: 31px;
    }

    .mobileMenu {
        max-height: calc(100% - 81.5px) !important;
        height: calc(100% - 81.5px) !important;
        top: 81.5px;
    }
}

@media screen and (max-width:599px) {
    .topHeader .container .rgt .companyLogo.desktopVer {
        display: none;
    }

    .topHeader .container .rgt .companyLogo.mobileVer {
        display: inline-block;
    }

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

    .topHeader .container .rgt {
        width: 80px !important;
    }

        .topHeader .container .rgt .companyLogo {
            width: 80px !important;
        }

    .mobileMenuBtn {
        top: 34px;
    }

    .mobileMenu {
        max-height: calc(100% - 85.5px) !important;
        height: calc(100% - 85.5px) !important;
        top: 85.5px;
    }
}


.docList {
    list-style: decimal;
    padding: 5px 0;
    margin-left: 15px;
}

    .docList li {
        color: #434343;
        font-size: 14px;
        line-height: 18px;
        padding: 5px;
    }

        .docList li a {
            color: #aa312c;
        }

.comparisonTable .table .tableBody .tableRow .even {
    background: #ffffff !important;
}

.comparisonTable .table .tableBody .tableRow .odd {
    background: #f4f4f4 !important;
}