@import 'reset.css';
@import 'bootstrap.min.css';
@import 'font-awesome.min.css';
@import 'jquery.fancybox.min.css';
@import 'swiper-bundle.min.css';

* {
    font-family: 'Barlow', sans-serif;
}

.wrapper {
    max-width: 100%;
    overflow-x: hidden;
    padding-top: 115px;
}

header {
    position: fixed;
    z-index: 12;
    width: 100%;
    background: #fff;
    top: 0;
}

    header .headerTopBar {
        height: 30px;
        background: #00539D;
    }

        header .headerTopBar .lang {
            float: right;
            position: relative;
        }

            header .headerTopBar .lang .changeLang {
                line-height: 30px;
                color: #fff;
            }

                header .headerTopBar .lang .changeLang img {
                }

                header .headerTopBar .lang .changeLang span {
                    font-weight: 600;
                    padding: 0 6px;
                    position: relative;
                }

                    header .headerTopBar .lang .changeLang span:after {
                        content: "\f107";
                        font-family: fontAwesome;
                        font-size: 16px;
                        position: absolute;
                        right: -10px;
                        font-weight: 100;
                    }

            header .headerTopBar .lang ul {
                position: absolute;
                right: 0;
                border: 1px solid rgba(0,0,0,0.2);
                padding: 2px 6px;
                width: 64px;
                left: 0px;
                z-index: 111;
                top: 40px;
                background: #fff;
                border-radius: 10px;
                pointer-events: none;
                transition: ease all .25s;
                opacity: 0;
            }

                header .headerTopBar .lang ul.show {
                    opacity: 1;
                    pointer-events: all;
                }

                header .headerTopBar .lang ul li {
                    margin: 6px 0;
                    float: left;
                }

                    header .headerTopBar .lang ul li img {
                        float: left;
                    }

                    header .headerTopBar .lang ul li span {
                        font-weight: 600;
                        padding: 0 0 0 10px;
                        position: relative;
                        line-height: 18px;
                        display: inline-block;
                        float: right;
                        color: #6b6b6b;
                    }

    header .headerContent {
    }

        header .headerContent a.logo {
            display: block;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

            header .headerContent a.logo img {
                max-width: 100%;
            }

        header .headerContent .mainMenuWrapper {
        }

            header .headerContent .mainMenuWrapper ul {
                display: flex;
                justify-content: space-between;
                padding: 30px 60px 0px 40px;
                margin: 0;
            }

                header .headerContent .mainMenuWrapper ul li {
                }

                    header .headerContent .mainMenuWrapper ul li a {
                        color: #606060;
                        transition: ease all .25s;
                        text-decoration: none !important;
                        padding-bottom: 30px;
                        display: block;
                    }

                        header .headerContent .mainMenuWrapper ul li a.active, header .headerContent .mainMenuWrapper ul li:hover a {
                            color: #00539D;
                        }

                    header .headerContent .mainMenuWrapper ul li > .megaMenuWrapper {
                        position: fixed;
                        /* background: #f00; */
                        z-index: 11;
                        width: 100%;
                        left: 0;
                        display: none;
                    }

                    header .headerContent .mainMenuWrapper ul li:hover > .megaMenuWrapper {
                        display: block;
                    }

                    header .headerContent .mainMenuWrapper ul li > .megaMenuWrapper .megaMenu {
                        background: #00539D;
                        box-shadow: 0 3px 9px rgba(0,0,0,0.16);
                        border-radius: 6px;
                        padding: 70px 20px;
                        position: relative;
                    }

                        header .headerContent .mainMenuWrapper ul li > .megaMenuWrapper .megaMenu .firstStep {
                            display: inline-block;
                            padding: 0;
                            position: relative;
                        }

                            header .headerContent .mainMenuWrapper ul li > .megaMenuWrapper .megaMenu .firstStep > li {
                                width: 100%;
                                position: initial;
                                float: left;
                            }

                                header .headerContent .mainMenuWrapper ul li > .megaMenuWrapper .megaMenu .firstStep > li > a {
                                    color: #fff;
                                    padding-bottom: 0;
                                    opacity: 0.5;
                                    line-height: 32px;
                                    font-size: 17px;
                                }

                                header .headerContent .mainMenuWrapper ul li > .megaMenuWrapper .megaMenu .firstStep > li:hover > a {
                                    opacity: 1;
                                }

                                header .headerContent .mainMenuWrapper ul li > .megaMenuWrapper .megaMenu .firstStep > li > .secondStep {
                                    position: absolute;
                                    width: calc(75%);
                                    left: 25%;
                                    top: 0;
                                    padding: 0;
                                    display: none;
                                    height: 100%;
                                    z-index: 1;
                                }

                                header .headerContent .mainMenuWrapper ul li > .megaMenuWrapper .megaMenu .firstStep > li:hover > .secondStep {
                                    display: block;
                                }

                                header .headerContent .mainMenuWrapper ul li > .megaMenuWrapper .megaMenu .firstStep > li > .secondStep > li {
                                    height: 30px;
                                    float: left;
                                }

                                    header .headerContent .mainMenuWrapper ul li > .megaMenuWrapper .megaMenu .firstStep > li > .secondStep > li > a {
                                        color: #fff;
                                        padding-bottom: 0;
                                        font-size: 15px;
                                        line-height: 30px;
                                        display: block;
                                    }

                                        header .headerContent .mainMenuWrapper ul li > .megaMenuWrapper .megaMenu .firstStep > li > .secondStep > li > a:hover {
                                        }

                                    header .headerContent .mainMenuWrapper ul li > .megaMenuWrapper .megaMenu .firstStep > li > .secondStep > li.allProductsButton {
                                        position: absolute;
                                        left: 15px;
                                        bottom: 12px;
                                        /* border: 2px solid #fff; */
                                        /* line-height: 2; */
                                    }

                                        header .headerContent .mainMenuWrapper ul li > .megaMenuWrapper .megaMenu .firstStep > li > .secondStep > li.allProductsButton a {
                                            border: 2px solid #fff;
                                            line-height: 2;
                                            display: block;
                                            padding: 0 20px;
                                            border-radius: 20px;
                                        }

                    header .headerContent .mainMenuWrapper ul li .subMenu2 {
                        position: absolute;
                        background: #fff;
                        color: #606060;
                        display: block;
                        min-width: 140px;
                        box-shadow: 0 6px 6px rgba(0,0,0,0.16);
                        border-radius: 0;
                        padding: 0;
                        transition: ease all .25s;
                        margin-left: 50px;
                        opacity: 0;
                        pointer-events: none;
                        padding: 10px 0;
                    }

                    header .headerContent .mainMenuWrapper ul li:hover .subMenu2 {
                        opacity: 1;
                        margin-left: 0;
                        pointer-events: all;
                    }

                    header .headerContent .mainMenuWrapper ul li .subMenu2 li {
                        padding: 0 20px;
                    }

                        header .headerContent .mainMenuWrapper ul li .subMenu2 li a {
                            padding: 0;
                            color: #606060;
                            line-height: 27px;
                            font-size: 14px;
                            font-weight: 400;
                            opacity: 1;
                        }

                            header .headerContent .mainMenuWrapper ul li .subMenu2 li a:hover {
                                opacity: 1;
                            }

                        header .headerContent .mainMenuWrapper ul li .subMenu2 li:hover {
                            background: #F4F4F4;
                        }

                        header .headerContent .mainMenuWrapper ul li .subMenu2 li a:active, header .headerContent .mainMenuWrapper ul li .subMenu2 li a:visited {
                            color: #00539D;
                        }

            header .headerContent .mainMenuWrapper .searchOpenButton {
                width: 40px;
                height: 40px;
                border: 1.5px solid #E0E0E0;
                display: block;
                position: absolute;
                right: 0;
                top: 22px;
                border-radius: 20px;
                box-shadow: 0 6px 9px rgba(0,0,0,0.07);
                background-image: url(/assets/img/searchIcon.png);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 20px;
            }

        header .headerContent .megaMenu {
            position: absolute;
            background: #fff;
            padding: 30px;
            top: 100%;
            left: 0;
            display: none;
            box-shadow: 5px 5px 12px 2px rgb(0 83 157 / 15%);
            border-radius: 10px;
        }

            header .headerContent .megaMenu h2 {
                font-size: 16px;
                line-height: 2;
                margin: 0;
            }

                header .headerContent .megaMenu h2 a {
                    color: #00539d;
                    text-decoration: none;
                }

                    header .headerContent .megaMenu h2 a.megaMenuSubToggle {
                    }

            header .headerContent .megaMenu .megaMenuSubList {
                padding-left: 15px;
                margin: 0;
            }

                header .headerContent .megaMenu .megaMenuSubList li {
                    margin: 5px 0;
                }

                    header .headerContent .megaMenu .megaMenuSubList li a {
                        font-size: 14px;
                        color: #606060;
                        text-decoration: none;
                    }

            header .headerContent .megaMenu .searchByApplicationButton {
                background-color: #00539D;
                border: 4px solid #fff;
                border-radius: 10px;
                /*box-shadow: 0 10px 6px rgb(0 0 0 / 15%);*/
                z-index: 2;
                display: block;
                text-align: center;
                color: #fff;
                font-weight: 700;
                line-height: 1.6;
                padding: 15px 0;
                font-size: 21px;
                text-decoration: none;
                margin: 0 0px 0 -15px;
            }

            header .headerContent .megaMenu .megaMenuItem {
                display: inline-block;
                width: 100%;
            }

            header .headerContent .megaMenu .megaMenuItemCols {
                column-count: 3;
                column-gap: 2.5%;
                column-width: 33.33%;
                max-height: 440px;
            }

footer {
}

    footer .footerTopSection {
        background: #024E91;
    }

        footer .footerTopSection .ebulten {
            position: relative;
            height: 100%;
            padding-right: 20px;
            background: #00539D;
            padding-bottom: 56px;
        }

        footer .footerTopSection h2 {
            font-size: 22px;
            color: #fff;
            font-weight: bold;
            margin-bottom: 20px;
            padding-top: 50px;
            position: relative;
            margin-left: 0px;
            text-transform: capitalize;
        }

        footer .footerTopSection .ebulten .ebultenForm {
            position: relative;
            width: 100%;
            outline: none;
        }

            footer .footerTopSection .ebulten .ebultenForm input {
                width: 100%;
                line-height: 54px;
                background: none;
                border: 2px solid #fff;
                border-radius: 30px;
                padding: 0 20px;
                outline: none;
                color: #fff;
            }

                footer .footerTopSection .ebulten .ebultenForm input::-webkit-input-placeholder { /* Edge */
                    color: #fff;
                    font-size: 16px;
                }

                footer .footerTopSection .ebulten .ebultenForm input:-ms-input-placeholder { /* Internet Explorer 10-11 */
                    font-size: 16px;
                    color: #fff;
                }

                footer .footerTopSection .ebulten .ebultenForm input::placeholder {
                    font-size: 16px;
                    color: #fff;
                }

            footer .footerTopSection .ebulten .ebultenForm a {
                position: absolute;
                right: 10px;
                background: #fff;
                line-height: 40px;
                padding: 0 36px;
                border-radius: 20px;
                top: 9px;
                font-size: 18px;
                color: #00539D;
                font-weight: 500;
                box-shadow: 0 6px 9px rgba(0,0,0,0.2);
            }

        footer .footerTopSection .ebulten:before {
            content: '';
            position: absolute;
            height: 100%;
            width: 1000px;
            background: #00539D;
            right: 0;
            z-index: 0;
        }

        footer .footerTopSection .talepMenu h2 {
        }

        footer .footerTopSection .talepMenu ul {
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
            padding-left: 15px;
        }

            footer .footerTopSection .talepMenu ul li {
            }

                footer .footerTopSection .talepMenu ul li a {
                    line-height: 56px;
                    color: #fff;
                    font-weight: 600;
                    font-size: 13px;
                    padding: 0 4px;
                    border: 2px solid #fff;
                    display: block;
                    width: 140px;
                    border-radius: 16px;
                    transition: ease all .25s;
                    text-align: center;
                }

                footer .footerTopSection .talepMenu ul li:hover a {
                    color: #00539d;
                    background: #fff;
                    text-decoration: none;
                }

    footer .footerMiddleSection {
        background: #F2F2F2;
    }

        footer .footerMiddleSection .footerLogo {
            display: block;
            top: 50%;
            position: relative;
            transform: translateY(-50%);
        }

            footer .footerMiddleSection .footerLogo img {
            }

        footer .footerMiddleSection .footerMenu {
            display: flex;
            padding: 0;
            margin: 40px 0;
            justify-content: space-between;
            color: #ebebeb;
        }

            footer .footerMiddleSection .footerMenu li {
            }

                footer .footerMiddleSection .footerMenu li a {
                    color: #606060;
                    text-decoration: none;
                    display: block;
                    line-height: 40px;
                }

    footer .footerBottomSection {
        line-height: 50px;
        background: #00539d;
        color: #fff;
        font-weight: 400;
        font-size: 11px;
    }

        footer .footerBottomSection .copyright {
        }

#mainSlider {
}

    #mainSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0;
    }

    #mainSlider .swiper-container-horizontal > .swiper-pagination-bullets, #mainSlider .swiper-pagination-custom, #mainSlider .swiper-pagination-fraction {
        bottom: 0;
    }

    #mainSlider .elements {
        position: absolute;
        bottom: 150px;
        display: flex;
        z-index: 100;
        width: 100%;
        z-index: 111;
        /* padding: 0 15px; */
    }

        #mainSlider .elements .swiper-pagination-bullet {
            width: 100%;
            height: 100%;
            border-radius: 0;
            vertical-align: middle;
            opacity: 1;
            background: none;
            box-shadow: none;
            font-size: 18px;
            line-height: 1.4;
            text-align: left;
            color: #fff;
            opacity: 0.5;
            padding: 0 15px;
            outline: none;
            position: relative;
        }

    #mainSlider img {
        max-width: 100%;
    }

    #mainSlider .elements .swiper-pagination-bullet-active {
        opacity: 1;
        background: none;
        transition: background 3s ease;
    }

    #mainSlider .elements .swiper-pagination-bullet:before {
        content: '';
        height: 5px;
        background: #fff;
        width: 58%;
        position: absolute;
        top: -20px;
        opacity: 0;
        transition: ease all .5s;
    }

    #mainSlider .elements .swiper-pagination-bullet-active:before {
        opacity: 1;
    }

@media only screen and (max-width: 480px) {
    #mainSlider .elements .swiper-pagination-bullet {
        font-size: 1.4em;
    }
}

#mainSlider .swiper-slide .slideDesc {
    position: absolute;
    height: auto;
    width: 100%;
    top: calc(50% - 70px);
    transform: translateY(-50%);
    left: 10%;
    transition: ease all .25s;
    opacity: 0;
    z-index: 1;
}

#mainSlider .swiper-slide.swiper-slide-active .slideDesc {
    left: 0;
    opacity: 1;
    transition: ease all 1.7s;
}

#mainSlider .swiper-slide .slideDesc span {
    font-size: 40px;
    color: #fff;
    max-width: 50%;
    display: block;
    padding: 0 15px;
    line-height: 1.2;
    font-weight: 400;
    text-shadow: 0 2px 2px rgba(0,0,0,0.5);
}

#mainSlider .swiper-slide img {
    opacity: 0;
    min-height: 310px;
    max-height: calc(100vh - 195px);
    width: 100%;
}

#mainSlider .swiper-slide .sliderImage {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#mainSlider .swiper-slide:after {
    content: '';
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    width: 100%;
    height: 60%;
    left: 0;
    bottom: 0;
    z-index: 0;
}

#mainSlider .swiper-button-next {
    outline: none;
    color: #fff;
    transform: scale(0.5);
    right: 50px;
}

#mainSlider .swiper-button-prev {
    outline: none;
    color: #fff;
    transform: scale(0.5);
    left: 50px;
}

#services {
    position: relative;
    margin-top: -110px;
    z-index: 1;
    margin-bottom: 24px;
}

    #services .sectionTitle {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 20px;
    }

    #services .serviceItem {
        position: relative;
        display: inline-block;
        margin-bottom: 24px;
        border-radius: 8px;
        overflow: hidden;
    }

        #services .serviceItem::after {
            content: '';
            background: rgb(0,0,0);
            background: linear-gradient(0deg, #05193b 0%, #05193B00 95%);
            position: absolute;
            width: 100%;
            height: 50%;
            bottom: 0;
            z-index: 1;
            left: 0;
        }

        #services .serviceItem::before {
            content: '';
            background: rgb(0,0,0);
            background: linear-gradient(180deg, #05193b 0%, #05193B00 95%);
            position: absolute;
            width: 100%;
            height: 50%;
            z-index: 1;
        }

        #services .serviceItem .title {
            color: #fff;
            position: absolute;
            padding: 15px;
            font-size: 24px;
            z-index: 111;
        }

        #services .serviceItem .overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
            background: #00539D;
            left: 0;
            opacity: 0;
            transition: ease all .5s
        }

        #services .serviceItem .serviceImage {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        #services .serviceItem:hover .overlay {
            opacity: 0.88;
        }

        #services .serviceItem img {
            max-width: 100%;
            opacity: 0;
        }

#news {
    background: #f4f4f4;
    padding-top: 30px;
}

    #news .sectionTitle {
        font-size: 48px;
        font-weight: bold;
        color: #00539D;
        line-height: 2;
        border-bottom: 5px solid #E0E0E0;
        display: inline-block;
        margin-bottom: 30px;
    }

    #news .newsCarouselWrap {
        padding-bottom: 30px;
    }

        #news .newsCarouselWrap .newsSlider {
            padding: 0 15px;
        }

            #news .newsCarouselWrap .newsSlider .newsItem {
                background: #fff;
                box-shadow: 0 3px 9px rgba(0,0,0,0.2);
                border-radius: 6px;
                overflow: hidden;
                margin-bottom: 20px;
                position: relative;
                height: 500px;
            }

                #news .newsCarouselWrap .newsSlider .newsItem .newsImage {
                    position: relative;
                }

                    #news .newsCarouselWrap .newsSlider .newsItem .newsImage img {
                        max-width: 100%;
                    }

                    #news .newsCarouselWrap .newsSlider .newsItem .newsImage .isVideoShow {
                        position: absolute;
                        width: 80px;
                        height: 80px;
                        left: 0;
                        right: 0;
                        top: 50%;
                        transform: translateY(-50%);
                        background-image: url(/assets/img/videoBtn.png);
                        margin: auto;
                        background-size: cover;
                        opacity: 0;
                    }

                #news .newsCarouselWrap .newsSlider .newsItem.isVideo .newsImage .isVideoShow {
                    opacity: 1;
                }

                #news .newsCarouselWrap .newsSlider .newsItem .newsContent {
                    padding: 15px 20px;
                    text-align: left;
                }

                    #news .newsCarouselWrap .newsSlider .newsItem .newsContent .newsDate {
                        color: #103F96;
                        font-size: 13px;
                        text-align: left;
                    }

                    #news .newsCarouselWrap .newsSlider .newsItem .newsContent .newsTitle {
                        display: block;
                        font-size: 18px;
                        color: #00539D;
                        font-weight: 400;
                        margin: 15px 0;
                        line-height: 24px;
                        height: 48px;
                        max-width: 95%;
                    }

                    #news .newsCarouselWrap .newsSlider .newsItem .newsContent .newsDesc {
                        margin: 0;
                        height: 100px;
                        font-size: 16px;
                        color: #505050;
                        overflow: hidden;
                    }

                        #news .newsCarouselWrap .newsSlider .newsItem .newsContent .newsDesc p {
                            margin: 0;
                        }

                #news .newsCarouselWrap .newsSlider .newsItem .newsDetailButton {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    background: rgba(0,83,157,0.85);
                    display: block;
                    top: 0;
                    border-radius: 6px;
                    text-align: center;
                    pointer-events: none;
                    opacity: 0;
                    transition: ease all .5s;
                }

                #news .newsCarouselWrap .newsSlider .newsItem:hover .newsDetailButton {
                    opacity: 1;
                    pointer-events: all;
                }

                #news .newsCarouselWrap .newsSlider .newsItem .newsDetailButton span {
                    color: #fff;
                    font-size: 18px;
                    font-weight: 600;
                    line-height: 36px;
                    border: 2px solid;
                    display: inline-block;
                    border-radius: 20px;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    right: 0;
                    margin: auto;
                    max-width: 200px;
                }

    #news .allNewsButton {
        height: 40px;
        border: 2px solid #00539D;
        display: block;
        right: 0;
        border-radius: 20px;
        box-shadow: 0 1px 17px rgba(0,0,0,0.2);
        background: #f4f4f4;
        margin: 20px auto;
        text-decoration: none;
        width: 200px;
        text-align: center;
        line-height: 36px;
        font-size: 18px;
        color: #00539d;
        font-weight: 500;
    }

    #news .newsCarouselWrap .newsSlider .swiper-button-next {
        outline: none;
        color: #fff;
        transform: scale(0.5);
        right: 50px;
    }

    #news .newsCarouselWrap .newsSlider .swiper-button-prev {
        outline: none;
        color: #fff;
        transform: scale(0.5);
        left: 50px;
    }

    #news .newsListWrap {
        padding: 30px 0;
        text-align: left;
    }

        #news .newsListWrap h2 {
            font-size: 22px;
            color: #00539D;
            line-height: 2;
            position: relative;
            margin-bottom: 30px;
            text-align: left;
        }

            #news .newsListWrap h2:after {
                content: '';
                position: absolute;
                height: 5px;
                width: 165px;
                background: #00539D;
                left: 0;
                bottom: -5px;
            }

        #news .newsListWrap ul {
        }

            #news .newsListWrap ul li {
                margin-bottom: 20px;
            }

                #news .newsListWrap ul li a {
                    font-size: 16px;
                    color: #505050;
                    line-height: 19px;
                    display: block;
                }

                    #news .newsListWrap ul li a:hover {
                        color: #00539D;
                        text-decoration: none;
                    }

#tripleBanners {
    padding: 35px 0;
}

    #tripleBanners .bannerItem {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }

        #tripleBanners .bannerItem img {
            max-width: 100%;
            transform: scale(1.12);
        }

        #tripleBanners .bannerItem h2 {
            font-size: 36px;
            font-weight: bold;
        }

        #tripleBanners .bannerItem p {
            margin: 20px 0;
            letter-spacing: -0.05px
        }

        #tripleBanners .bannerItem a {
            height: 40px;
            border: 2px solid #00539D;
            display: block;
            right: 0;
            border-radius: 20px;
            box-shadow: 0 1px 17px rgba(0,0,0,0.2);
            background: #f4f4f4;
            margin: 20px auto;
            text-decoration: none;
            width: 200px;
            text-align: center;
            line-height: 36px;
            font-size: 18px;
            color: #00539d;
            font-weight: 500;
        }

        #tripleBanners .bannerItem .bannerContent {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            text-align: center;
            padding: 0 50px;
            left: 0;
            right: 0;
        }

        #tripleBanners .bannerItem.lightText h2 {
            color: #fff;
        }

        #tripleBanners .bannerItem.lightText p {
            color: #fff;
            height: 48px;
        }

        #tripleBanners .bannerItem.lightText a {
            background: none;
            color: #fff;
            border-color: #fff;
        }

.searchSection {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0 83 157 / 0.88);
    top: 0;
    left: 0;
    z-index: 999;
    pointer-events: none;
    opacity: 0;
    transition: ease all .5s;
    cursor: url(/assets/img/cursorClose.png) 16 16, auto;
}

    .searchSection.show {
        pointer-events: all;
        opacity: 1;
    }

    .searchSection .searchCloseButton {
        color: #fff;
        position: absolute;
        right: 10px;
        top: 52px;
        font-size: 24px;
    }

    .searchSection .searchContent {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        padding: 50px 0;
    }

        .searchSection .searchContent h2 {
            text-align: center;
            color: #fff;
            font-size: 30px;
            font-weight: 400;
            margin-bottom: 40px;
        }

        .searchSection .searchContent .searchForm {
            max-width: 730px;
            position: relative;
            margin: auto;
            outline: none;
            padding: 20px;
            cursor: default;
        }

            .searchSection .searchContent .searchForm input {
                width: 100%;
                background: none;
                line-height: 52px;
                border: 2px solid #fff;
                padding: 0 20px;
                border-radius: 35px;
                outline: none;
                color: #fff;
            }

            .searchSection .searchContent .searchForm .searchButton {
                width: 40px;
                height: 40px;
                border: 1.5px solid #E0E0E0;
                display: block;
                position: absolute;
                right: 30px;
                top: 28px;
                border-radius: 20px;
                box-shadow: 0 6px 9px rgba(0,0,0,0.07);
                background-image: url(/assets/img/searchIcon.png);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 18px;
                background-color: #fff;
            }

    .searchSection .searchCloseButton.text {
        position: relative;
        text-align: center;
        display: inline-block;
        font-size: 18px;
        right: auto;
        top: auto;
        text-decoration: underline;
        line-height: 1.2;
        margin-top: 40px;
    }

    .searchSection .searchContent .searchForm input::-webkit-input-placeholder { /* Edge */
        color: #fff;
        font-size: 16px;
    }

    .searchSection .searchContent .searchForm input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size: 16px;
        color: #fff;
    }

    .searchSection .searchContent .searchForm input::placeholder {
        font-size: 16px;
        color: #fff;
    }

.pageTop {
}

    .pageTop .pageTitle {
        background-image: url(/assets/img/breadcrumbBg.png);
        min-height: 160px;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

        .pageTop .pageTitle:before {
            content: '';
            background: rgb(0,0,0);
            background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
            position: absolute;
            width: 100%;
            height: 80px;
            left: 0;
            top: 0;
            z-index: 0;
            opacity: 0.5
        }

        .pageTop .pageTitle h2 {
            font-weight: bold;
            font-size: 48px;
            color: #fff;
            text-align: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            padding-bottom: 30px;
            left: 0;
            right: 0;
        }

            .pageTop .pageTitle h2:after {
                content: '';
                height: 3px;
                position: absolute;
                width: 90px;
                background: #fff;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
            }

    .pageTop .breadcrumb {
        background: #F4F4F4;
        padding: 12px 0px;
        margin-bottom: 0;
    }

        .pageTop .breadcrumb ol {
            margin: 0;
        }

            .pageTop .breadcrumb ol li {
                display: inline-block;
                line-height: 24px;
                position: relative;
                padding-right: 30px;
            }

                .pageTop .breadcrumb ol li a {
                    color: #606060;
                    font-size: 16px;
                    font-weight: 400;
                }

                .pageTop .breadcrumb ol li:after {
                    content: '\f105';
                    font-family: fontAwesome;
                    position: absolute;
                    right: 7px;
                    line-height: 24px;
                    color: #C6C6C6;
                    font-size: 20px;
                }

                .pageTop .breadcrumb ol li:last-child::after {
                    content: '';
                    display: none
                }

                .pageTop .breadcrumb ol li a .homeIcon {
                    background-image: url(/assets/img/homeIcon.png);
                    width: 20px;
                    height: 18px;
                    display: inline-block;
                    position: relative;
                    top: 2px;
                    margin-right: 5px;
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                }

                .pageTop .breadcrumb ol li .activePage {
                    font-size: 16px;
                    font-weight: 400;
                    color: #103F96;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    line-height: 20px;
                }

                .pageTop .breadcrumb ol li a:hover {
                    color: #103F96;
                    text-decoration: none;
                }

#searchResult {
}

    #searchResult .searchText {
        padding: 18px 0;
        display: block;
        font-size: 24px;
        font-weight: 400;
    }

        #searchResult .searchText .searchWord {
            font-size: 35px;
            font-weight: bold;
            color: #00539D;
            margin-right: 4px;
        }

    #searchResult .resultItems {
        transition: ease all .2s;
        opacity: 1;
    }

        #searchResult .resultItems li {
            padding: 32px 0;
            border-radius: 14px;
            box-shadow: 0 3px 10px transparent;
            transition: ease all .3s;
            margin-bottom: 15px;
        }

            #searchResult .resultItems li:hover {
                border-radius: 14px;
                box-shadow: 0 3px 10px rgba(0,0,0,0.16);
            }

            #searchResult .resultItems li a.resultItemImage {
            }

                #searchResult .resultItems li a.resultItemImage img {
                    position: relative;
                    top: 50%;
                    max-width: 100%;
                    transform: translateY(-50%);
                }

            #searchResult .resultItems li .resultItemContent {
            }

                #searchResult .resultItems li .resultItemContent .resultItemName {
                    font-size: 35px;
                    color: #00539D;
                    font-weight: bold;
                    line-height: 42px;
                    margin-bottom: 20px;
                    display: block;
                    text-decoration: none;
                }

                #searchResult .resultItems li .resultItemContent .productShortDesc {
                    font-size: 16px;
                    line-height: 24px;
                    margin-bottom: 30px;
                    height: 72px;
                    overflow: hidden;
                }

                #searchResult .resultItems li .resultItemContent .resultItemDetailButton {
                    line-height: 36px;
                    border: #00539D 2px solid;
                    width: 200px;
                    display: block;
                    text-align: center;
                    border-radius: 20px;
                    font-size: 18px;
                    color: #00539D;
                    font-weight: 500;
                    text-decoration: none;
                }

                    #searchResult .resultItems li .resultItemContent .resultItemDetailButton:hover {
                        color: #fff;
                        background: #00539D;
                    }

    #searchResult .notFound .searchText p {
        font-size: 16px;
        line-height: 24px;
    }

#aboutUs {
    padding: 50px 0;
}

    #aboutUs .leftMenu {
    }

        #aboutUs .leftMenu li {
            margin-bottom: 20px;
        }

            #aboutUs .leftMenu li h2 {
                font-size: 24px;
                font-weight: 400;
                color: #00539D;
                line-height: 1;
                position: relative;
                padding-bottom: 15px;
                display: inline-block;
            }

                #aboutUs .leftMenu li h2:after {
                    content: '';
                    height: 5px;
                    width: 100%;
                    background: #00539d;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                }

            #aboutUs .leftMenu li a {
                font-size: 20px;
                color: #C6C6C6;
            }

    #aboutUs .aboutContent {
        padding: 15px 0;
    }

        #aboutUs .aboutContent h2 {
            font-size: 35px;
            color: #00539D;
            line-height: 42px;
            font-weight: bold;
            margin-bottom: 30px;
        }

        #aboutUs .aboutContent .subDesc {
            font-size: 28px;
            line-height: 32px;
            color: #00539D;
            font-weight: 400;
            padding-bottom: 30px;
            display: block;
        }

        #aboutUs .aboutContent p {
        }

            #aboutUs .aboutContent p b {
            }

        #aboutUs .aboutContent img {
            position: relative;
            max-width: 100%;
            border-radius: 6px;
            overflow: hidden;
            width: 100%;
        }

        #aboutUs .aboutContent .overlay {
            position: relative;
            z-index: 1;
        }

            #aboutUs .aboutContent .overlay:before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                background: #103F96;
                z-index: 111;
                left: 0;
                top: 0;
                display: block;
                opacity: 0.16;
            }

        #aboutUs .aboutContent .playButton {
            position: absolute;
            width: 80px;
            height: 80px;
            left: 0;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            background-image: url(/assets/img/videoBtn.png);
            margin: auto;
            background-size: cover;
            opacity: 1;
            z-index: 111;
        }

#location {
    padding: 50px 0;
}

    #location .leftMenu {
    }

        #location .leftMenu li {
            margin-bottom: 20px;
        }

            #location .leftMenu li h2 {
                font-size: 24px;
                font-weight: 400;
                color: #00539D;
                line-height: 1;
                position: relative;
                padding-bottom: 15px;
            }

                #location .leftMenu li h2:after {
                    content: '';
                    height: 5px;
                    width: 165px;
                    background: #00539d;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                }

            #location .leftMenu li a {
                font-size: 20px;
                color: #C6C6C6;
            }

    #location .locationContent {
        padding: 15px 0;
    }

        #location .locationContent h2 {
            font-size: 20px;
            color: #00539D;
            font-weight: bold;
            line-height: 3.5;
            display: inline-block;
            border-bottom: 5px solid #E0E0E0;
            margin-bottom: 30px;
        }

    #location .locationContent {
    }

        #location .locationContent .form-group {
            margin-bottom: 30px;
        }

            #location .locationContent .form-group label {
                display: block;
                font-size: 14px;
                color: #7C7C7C;
            }

            #location .locationContent .form-group select {
                width: 100%;
                line-height: 50px;
                display: block;
                height: 50px;
                padding: 0 12px;
                font-size: 14px;
                color: #505050;
                border-radius: 4px;
                border-color: #00539D;
            }

            #location .locationContent .form-group input {
                width: 100%;
                line-height: 50px;
                display: block;
                height: 50px;
                padding: 0 12px;
                font-size: 14px;
                color: #505050;
                border-radius: 4px;
                border-color: #00539D;
            }

        #location .locationContent .applyButton {
            display: block;
            line-height: 50px;
            background: #00539D;
            font-size: 18px;
            font-weight: 400;
            color: #fff;
            text-align: center;
            margin-top: 30px;
            border-radius: 4px;
        }

        #location .locationContent .clearButton {
            display: block;
            line-height: 46px;
            background: #fff;
            font-size: 18px;
            font-weight: 400;
            color: #00539D;
            text-align: center;
            margin-top: 30px;
            border-radius: 4px;
            border: 2px solid #00539D;
        }

            #location .locationContent .clearButton .fa {
                font-weight: 400;
                margin-left: 3px;
            }

        #location .locationContent .locationList {
            border-top: 1px solid #E0E0E0;
            margin: 40px 0 0;
            padding-top: 30px;
        }

            #location .locationContent .locationList li {
                display: inline-block;
                width: 100%;
                margin-bottom: 15px;
                border-bottom: 1px solid #E0E0E0;
            }

                #location .locationContent .locationList li .locationItemName {
                    font-size: 28px;
                    display: block;
                    border: none;
                    margin: 0;
                    line-height: 56px;
                    font-weight: 400;
                }

                #location .locationContent .locationList li .locationDesc {
                    font-size: 16px;
                    line-height: 24px;
                }

                    #location .locationContent .locationList li .locationDesc a {
                        color: #00539D;
                    }

                #location .locationContent .locationList li .contactButton {
                    display: block;
                    margin: 30px 0;
                    color: #00539D;
                    font-size: 14px;
                }

                    #location .locationContent .locationList li .contactButton .fa {
                        margin-right: 6px;
                    }

        #location .locationContent .pagination {
        }

            #location .locationContent .pagination li {
                margin: 0 5px;
            }

                #location .locationContent .pagination li a {
                    line-height: 40px;
                    font-size: 16px;
                    text-decoration: none
                }

                    #location .locationContent .pagination li a.arrow {
                        color: #C6C6C6;
                        min-width: 15px;
                        display: block;
                        text-align: center;
                    }

                    #location .locationContent .pagination li a.prevPage {
                        width: 40px;
                        height: 40px;
                        border: 2px solid #00539D;
                        display: block;
                        text-align: center;
                        line-height: 36px;
                        color: #00539D;
                        border-radius: 16px;
                    }

                    #location .locationContent .pagination li a.activePage {
                        width: 40px;
                        height: 40px;
                        border: 2px solid #00539D;
                        display: block;
                        text-align: center;
                        line-height: 36px;
                        color: #fff;
                        border-radius: 16px;
                        background: #00539D;
                    }

                    #location .locationContent .pagination li a.nextPage {
                        width: 40px;
                        height: 40px;
                        border: 2px solid #00539D;
                        display: block;
                        text-align: center;
                        line-height: 36px;
                        color: #00539D;
                        border-radius: 16px;
                    }

                    #location .locationContent .pagination li a.lastPage {
                        width: 40px;
                        height: 40px;
                        border: 2px solid #E0E0E0;
                        display: block;
                        text-align: center;
                        line-height: 36px;
                        color: #767676;
                        border-radius: 16px;
                        background: #E0E0E0;
                    }

#newsList {
    padding: 0 0 50px;
}

    #newsList .newsList .newsItem {
        background: #fff;
        box-shadow: 0 3px 9px rgba(0,0,0,0.2);
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 50px;
        position: relative;
    }

        #newsList .newsList .newsItem .newsImage {
            position: relative;
        }

            #newsList .newsList .newsItem .newsImage img {
                max-width: 100%;
            }

            #newsList .newsList .newsItem .newsImage .isVideoShow {
                position: absolute;
                width: 80px;
                height: 80px;
                left: 0;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                background-image: url(/assets/img/videoBtn.png);
                margin: auto;
                background-size: cover;
                opacity: 0;
            }

        #newsList .newsList .newsItem.isVideo .newsImage .isVideoShow {
            opacity: 1;
        }

        #newsList .newsList .newsItem .newsContent {
            padding: 15px 20px;
        }

            #newsList .newsList .newsItem .newsContent .newsDate {
                color: #103F96;
                font-size: 13px;
                margin-bottom: 12px;
                display: block;
            }

            #newsList .newsList .newsItem .newsContent .newsTitle {
                display: block;
                font-size: 15px;
                color: #00539D;
                font-weight: 400;
                line-height: 24px;
                height: 48px;
                max-width: 95%;
            }

            #newsList .newsList .newsItem .newsContent .newsDesc {
                margin: 16px 0 10px;
                height: 72px;
                font-size: 14px;
                color: #505050;
                overflow: hidden;
                line-height: 24px;
            }

                #newsList .newsList .newsItem .newsContent .newsDesc p {
                    margin-bottom: 0;
                }

        #newsList .newsList .newsItem .newsDetailButton {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,83,157,0.85);
            display: block;
            top: 0;
            border-radius: 6px;
            text-align: center;
            pointer-events: none;
            opacity: 0;
            transition: ease all .5s;
        }

        #newsList .newsList .newsItem:hover .newsDetailButton {
            opacity: 1;
            pointer-events: all;
        }

        #newsList .newsList .newsItem .newsDetailButton span {
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            line-height: 36px;
            border: 2px solid;
            display: inline-block;
            border-radius: 20px;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            margin: auto;
            max-width: 200px;
        }

    #newsList .allNewsButton {
        height: 40px;
        border: 2px solid #00539D;
        display: block;
        right: 0;
        border-radius: 20px;
        box-shadow: 0 1px 17px rgba(0,0,0,0.2);
        background: #f4f4f4;
        margin: 20px auto;
        text-decoration: none;
        width: 200px;
        text-align: center;
        line-height: 36px;
        font-size: 18px;
        color: #00539d;
        font-weight: 500;
    }

    #newsList .newsTitleButtons {
        margin-bottom: 30px;
    }

        #newsList .newsTitleButtons li {
            display: inline-block;
            margin-right: 48px;
        }

            #newsList .newsTitleButtons li h2 {
                font-size: 24px;
                line-height: 56px;
                font-weight: 400;
                color: #00539D;
                position: relative;
                padding-bottom: 10px;
                margin-bottom: 20px;
            }

                #newsList .newsTitleButtons li h2:after {
                    content: '';
                    width: 165px;
                    height: 5px;
                    bottom: 0;
                    background: #00539D;
                    position: absolute;
                    left: 0;
                }

            #newsList .newsTitleButtons li h2 {
                line-height: 60px;
                margin-bottom: 0;
                color: #C6C6C6;
                font-size: 20px;
                font-weight: 400;
                text-decoration: none;
            }

            #newsList .newsTitleButtons li a {
                font-size: 20px
            }

            #newsList .newsTitleButtons li h2:after {
                content: '';
                width: 165px;
                height: 5px;
                bottom: 0;
                background: #00539D;
                position: absolute;
                left: 0;
                display: none
            }

            #newsList .newsTitleButtons li.active {
                margin-bottom: 0;
                /*float: left;*/
                padding-top: 0;
                margin-right: 30px;
            }

                #newsList .newsTitleButtons li.active h2 {
                    font-size: 17px;
                    line-height: 56px;
                    font-weight: 500;
                    color: #00539D;
                    position: relative;
                    padding-bottom: 10px;
                    margin-bottom: 20px;
                }

                #newsList .newsTitleButtons li.active a {
                    font-size: 20px
                }

                #newsList .newsTitleButtons li.active h2:after {
                    height: 5px;
                    bottom: 0;
                    width: 100%;
                    max-width: 100px;
                    display: block;
                }

            #newsList .newsTitleButtons li a {
                color: #C6C6C6;
                font-size: 20px;
                font-weight: 400;
                text-decoration: none;
                display: inline-block;
            }

    #newsList .newsFilterWrap {
        background: #EBEBEB;
        margin-bottom: 30px;
    }

        #newsList .newsFilterWrap .newsFilter {
            padding: 30px 0;
        }

            #newsList .newsFilterWrap .newsFilter .form-group {
                margin-bottom: 0;
            }

                #newsList .newsFilterWrap .newsFilter .form-group label {
                    display: block;
                    font-size: 14px;
                    color: #7C7C7C;
                }

                #newsList .newsFilterWrap .newsFilter .form-group select {
                    width: 100%;
                    line-height: 50px;
                    display: block;
                    height: 50px;
                    padding: 0 12px;
                    font-size: 14px;
                    color: #505050;
                    border-radius: 4px;
                    border-color: #00539D;
                    background: transparent;
                }

                #newsList .newsFilterWrap .newsFilter .form-group input {
                    width: 100%;
                    line-height: 50px;
                    display: block;
                    height: 50px;
                    padding: 0 12px;
                    font-size: 14px;
                    color: #505050;
                    border-radius: 4px;
                    border-color: #00539D;
                    background: transparent;
                }

            #newsList .newsFilterWrap .newsFilter .applyButton {
                display: block;
                line-height: 50px;
                background: #00539D;
                font-size: 18px;
                font-weight: 400;
                color: #fff;
                text-align: center;
                /*                margin-top: 30px;*/
                border-radius: 4px;
            }

            #newsList .newsFilterWrap .newsFilter .clearButton {
                display: block;
                line-height: 46px;
                background: transparent;
                font-size: 18px;
                font-weight: 400;
                color: #00539D;
                text-align: center;
                /*                margin-top: 30px;*/
                border-radius: 4px;
                border: 2px solid #00539D;
            }

                #newsList .newsFilterWrap .newsFilter .clearButton .fa {
                    font-weight: 400;
                    margin-left: 3px;
                }

#newsDetail .newsSlider {
}

    #newsDetail .newsSlider .swiper-button-next {
        right: 10px;
        width: 50px;
        height: 50px;
        background: #103F96;
        color: #fff;
        border-radius: 25px;
    }

    #newsDetail .newsSlider .swiper-button-prev {
        left: 10px;
        width: 50px;
        height: 50px;
        background: #103F96;
        color: #fff;
        border-radius: 25px;
    }

    #newsDetail .newsSlider .swiper-button-next.swiper-button-disabled {
        background: #fff;
        color: #103F96;
        opacity: 1
    }

    #newsDetail .newsSlider .swiper-button-prev.swiper-button-disabled {
        background: #fff;
        color: #103F96;
        opacity: 1;
    }

    #newsDetail .newsSlider .swiper-button-next:after, #newsDetail .newsSlider .swiper-button-prev:after {
        font-size: 14px;
    }


    #newsDetail .newsSlider .swiper-slide:after {
        content: '';
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        position: absolute;
        width: 100%;
        height: 60%;
        left: 0;
        bottom: 0;
        z-index: 0;
    }

    #newsDetail .newsSlider .swiper-slide:before {
        content: '';
        background: rgb(0,0,0);
        background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        position: absolute;
        width: 100%;
        height: 80px;
        left: 0;
        top: 0;
        z-index: 0;
    }

    #newsDetail .newsSlider .swiper-pagination-bullet {
        background: #fff;
        width: 12px;
        height: 12px;
        opacity: 0.7;
        transition: ease all .25s;
        border-radius: 9px;
    }

    #newsDetail .newsSlider .swiper-pagination-bullet-active {
        width: 70px;
        border-radius: 5px;
        opacity: 1;
    }

#newsDetail {
    padding: 20px 0;
}

    #newsDetail .newsDate {
        font-size: 12px;
        color: #103F96;
        display: block;
        margin-bottom: 10px;
    }

    #newsDetail .newsTitle {
        font-size: 35px;
        line-height: 42px;
        font-weight: 700;
        color: #103F96;
        margin-bottom: 30px;
    }

    #newsDetail .subTitle {
        font-size: 28px;
        line-height: 32px;
        color: #103F96;
        margin-bottom: 30px;
        display: block;
    }

    #newsDetail p {
        font-size: 16px;
        line-height: 24px;
    }

    #newsDetail ul.newsShareButtons {
        margin: 50px 0;
    }

        #newsDetail ul.newsShareButtons li {
            display: inline-block;
            background: #ddd;
            line-height: 30px;
            padding: 0;
            color: #fff;
        }

            #newsDetail ul.newsShareButtons li a {
                color: #fff;
                display: block;
                padding: 0 20px 0 12px;
                font-size: 14px;
                text-decoration: none
            }

                #newsDetail ul.newsShareButtons li a .fa {
                    margin-right: 6px;
                }

                #newsDetail ul.newsShareButtons li a.facebook {
                    background: #3D689B;
                }

                #newsDetail ul.newsShareButtons li a.twitter {
                    background: #4BA1EA;
                }

                #newsDetail ul.newsShareButtons li a.whatsapp {
                    background: #70BE5A;
                }

                #newsDetail ul.newsShareButtons li a.email {
                    background: #848484;
                }

                #newsDetail ul.newsShareButtons li a.more {
                    background: #EE715B;
                }

#market {
    padding: 30px 0 0;
}

    #market .marketSearch {
        text-align: center;
    }

        #market .marketSearch h2 {
            line-height: 86px;
            font-weight: 400;
            font-size: 30px;
            color: #00539D;
        }

        #market .marketSearch .searchForm {
            position: relative;
            width: 100%;
        }

            #market .marketSearch .searchForm input {
                border: 2px solid #00539D;
                padding: 0 15px;
                width: 100%;
                line-height: 52px;
                border-radius: 30px;
            }

            #market .marketSearch .searchForm .marketSearchButton {
                background-image: url(/assets/img/searchIconWhite.png);
                width: 40px;
                height: 40px;
                position: absolute;
                right: 8px;
                background-color: #00539D;
                background-repeat: no-repeat;
                background-position: center;
                border-radius: 30px;
                top: 8px;
                box-shadow: 0 6px 9px rgba(0,0,0,0.2);
            }

    #market .marketTopDesc {
        font-size: 27px;
        color: #00539D;
        line-height: 32px;
        margin-top: 40px;
        display: block;
    }

    #market .marketItems {
        margin: 50px 0;
    }

        #market .marketItems .marketItem {
            position: relative;
            display: inline-block;
            margin-bottom: 24px;
            border-radius: 8px;
            overflow: hidden;
            padding-bottom: 20px;
            box-shadow: 0 3px 9px rgba(0,0,0,0.16);
        }

            #market .marketItems .marketItem a {
                position: relative;
                display: inline-block;
                border-radius: 6px;
                overflow: hidden;
            }

                #market .marketItems .marketItem a:after {
                    content: '';
                    background: rgb(0,0,0);
                    background: linear-gradient(0deg, #05193b 0%, #05193B00 95%);
                    position: absolute;
                    width: 100%;
                    height: 50%;
                    bottom: 0;
                    z-index: 1;
                    left: 0;
                }

                #market .marketItems .marketItem a .title {
                    color: #fff;
                    position: absolute;
                    padding: 15px;
                    font-size: 24px;
                    z-index: 2;
                    bottom: 20px;
                    font-weight: 400;
                }

                #market .marketItems .marketItem a img {
                    max-width: 100%;
                    border-radius: 6px;
                    overflow: hidden;
                    display: block;
                    width: 100%;
                }

                #market .marketItems .marketItem a .overlay {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    z-index: 1;
                    background: #00539D;
                    left: 0;
                    opacity: 0;
                    transition: ease all .5s;
                }

            #market .marketItems .marketItem .marketItemDesc {
                font-size: 16px;
                color: #505050;
                line-height: 24px;
                display: block;
                padding: 20px 20px 0;
                max-height: 165px;
                overflow: hidden;
                height: 144px;
            }

                #market .marketItems .marketItem .marketItemDesc a {
                    border-radius: 0;
                    display: inline;
                    width: 30px;
                    font-weight: 500;
                    color: #505050;
                    margin-left: 5px;
                }

                    #market .marketItems .marketItem .marketItemDesc a:after {
                        opacity: 0;
                    }

#productMainList {
    padding: 30px 0 0;
}

    #productMainList .productSearch {
        text-align: center;
    }

        #productMainList .productSearch h2 {
            line-height: 86px;
            font-weight: 400;
            font-size: 30px;
            color: #00539D;
        }

        #productMainList .productSearch .searchForm {
            position: relative;
            width: 100%;
        }

            #productMainList .productSearch .searchForm input {
                border: 2px solid #00539D;
                padding: 0 15px;
                width: 100%;
                line-height: 52px;
                border-radius: 30px;
                outline: none;
            }

            #productMainList .productSearch .searchForm .productSearchButton {
                background-image: url(/assets/img/searchIconWhite.png);
                width: 40px;
                height: 40px;
                position: absolute;
                right: 8px;
                background-color: #00539D;
                background-repeat: no-repeat;
                background-position: center;
                border-radius: 30px;
                top: 8px;
                box-shadow: 0 6px 9px rgba(0,0,0,0.2);
            }

    #productMainList .productTopDesc {
        font-size: 27px;
        color: #00539D;
        line-height: 32px;
        margin-top: 60px;
        display: block;
    }

    #productMainList .productItems {
        margin: 100px 0 50px;
    }

        #productMainList .productItems .productItem {
            position: relative;
            display: inline-block;
            margin-bottom: 24px;
            border-radius: 8px;
            overflow: hidden;
        }

            #productMainList .productItems .productItem::after {
                content: '';
                background: rgb(0,0,0);
                background: linear-gradient(0deg, #05193b 0%, #05193B00 95%);
                position: absolute;
                width: 100%;
                height: 70%;
                bottom: 0;
                z-index: 1;
                left: 0;
            }

            #productMainList .productItems .productItem::before {
                content: '';
                background: rgb(0,0,0);
                background: linear-gradient(180deg, #05193b 0%, #05193B00 95%);
                position: absolute;
                width: 100%;
                height: 50%;
                opacity: 0;
            }

            #productMainList .productItems .productItem .title {
                color: #fff;
                position: absolute;
                padding: 15px;
                font-size: 18px;
                z-index: 2;
                bottom: 0px;
                font-weight: 400;
                line-height: 1.4;
                padding-right: 40px;
            }

            #productMainList .productItems .productItem .overlay {
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 1;
                background: #00539D;
                left: 0;
                opacity: 0;
                transition: ease all .5s
            }

            #productMainList .productItems .productItem:hover .overlay {
                opacity: 0.88;
            }

            #productMainList .productItems .productItem img {
                width: 100%;
            }

        #productMainList .productItems .serviceItem img {
        }

#productSubList .productFilterWrap {
    background: #EBEBEB;
    margin-bottom: 30px;
}

    #productSubList .productFilterWrap .productFilter {
        padding: 30px 0;
    }

        #productSubList .productFilterWrap .productFilter .form-group {
            margin-bottom: 0;
        }

            #productSubList .productFilterWrap .productFilter .form-group label {
                display: block;
                font-size: 14px;
                color: #7C7C7C;
            }

            #productSubList .productFilterWrap .productFilter .form-group select {
                width: 100%;
                line-height: 50px;
                display: block;
                height: 50px;
                padding: 0 12px;
                font-size: 14px;
                color: #505050;
                border-radius: 4px;
                border-color: #00539D;
                background: transparent;
            }

            #productSubList .productFilterWrap .productFilter .form-group input {
                width: 100%;
                line-height: 50px;
                display: block;
                height: 50px;
                padding: 0 12px;
                font-size: 14px;
                color: #505050;
                border-radius: 4px;
                border-color: #00539D;
                background: transparent;
            }

        #productSubList .productFilterWrap .productFilter .applyButton {
            display: block;
            line-height: 50px;
            background: #00539D;
            font-size: 18px;
            font-weight: 400;
            color: #fff;
            text-align: center;
            /*            margin-top: 30px;*/
            border-radius: 4px;
        }

        #productSubList .productFilterWrap .productFilter .clearButton {
            display: block;
            line-height: 46px;
            background: transparent;
            font-size: 18px;
            font-weight: 400;
            color: #00539D;
            text-align: center;
            /*            margin-top: 30px;*/
            border-radius: 4px;
            border: 2px solid #00539D;
        }

            #productSubList .productFilterWrap .productFilter .clearButton .fa {
                font-weight: 400;
                margin-left: 3px;
            }


.productFilterWrap {
    background: #EBEBEB;
    margin-bottom: 30px;
}

    .productFilterWrap .productFilter {
        padding: 30px 0;
    }

        .productFilterWrap .productFilter .form-group {
            margin-bottom: 0;
        }

            .productFilterWrap .productFilter .form-group label {
                display: block;
                font-size: 14px;
                color: #7C7C7C;
            }

            .productFilterWrap .productFilter .form-group select {
                width: 100%;
                line-height: 50px;
                display: block;
                height: 50px;
                padding: 0 12px;
                font-size: 14px;
                color: #505050;
                border-radius: 4px;
                border-color: #00539D;
                background: transparent;
            }

            .productFilterWrap .productFilter .form-group input {
                width: 100%;
                line-height: 50px;
                display: block;
                height: 50px;
                padding: 0 12px;
                font-size: 14px;
                color: #505050;
                border-radius: 4px;
                border-color: #00539D;
                background: transparent;
            }

        .productFilterWrap .productFilter .applyButton {
            display: block;
            line-height: 50px;
            background: #00539D;
            font-size: 18px;
            font-weight: 400;
            color: #fff;
            text-align: center;
            /*            margin-top: 30px;*/
            border-radius: 4px;
        }

        .productFilterWrap .productFilter .clearButton {
            display: block;
            line-height: 46px;
            background: transparent;
            font-size: 18px;
            font-weight: 400;
            color: #00539D;
            text-align: center;
            /*            margin-top: 30px;*/
            border-radius: 4px;
            border: 2px solid #00539D;
        }

            .productFilterWrap .productFilter .clearButton .fa {
                font-weight: 400;
                margin-left: 3px;
            }


#productSubList .categoryName {
    font-size: 35px;
    font-weight: bold;
    color: #00539D;
    padding: 30px 0;
}

#productSubList .productItems {
    margin: 0
}

    #productSubList .productItems li {
        padding: 32px 0;
        border-radius: 14px;
        box-shadow: 0 3px 10px transparent;
        transition: ease all .3s;
        margin-bottom: 15px;
    }

        #productSubList .productItems li:hover {
            border-radius: 14px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.16);
        }

        #productSubList .productItems li a.productItemImage {
        }

            #productSubList .productItems li a.productItemImage img {
                position: relative;
                top: 50%;
                max-width: 100%;
                transform: translateY(-50%);
            }

        #productSubList .productItems li .productItemContent {
        }

            #productSubList .productItems li .productItemContent .productItemName {
                font-size: 35px;
                color: #00539D;
                font-weight: bold;
                line-height: 42px;
                margin-bottom: 20px;
                display: block;
                text-decoration: none;
            }

            #productSubList .productItems li .productItemContent .productShortDesc {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 30px;
                height: 72px;
                overflow: hidden;
            }

            #productSubList .productItems li .productItemContent .productItemDetailButton {
                line-height: 36px;
                border: #00539D 2px solid;
                width: 200px;
                display: block;
                text-align: center;
                border-radius: 20px;
                font-size: 18px;
                color: #00539D;
                font-weight: 500;
                text-decoration: none;
            }

                #productSubList .productItems li .productItemContent .productItemDetailButton:hover {
                    color: #fff;
                    background: #00539D;
                }

    #productSubList .productItems.gridType {
        margin: 0 -10px;
    }

        #productSubList .productItems.gridType li {
            display: inline-block;
            width: calc((100% / 5) - 14px);
            margin: 5px;
            padding: 10px;
            margin-bottom: 30px;
        }

            #productSubList .productItems.gridType li .col-lg-3 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
                padding: 0;
            }

            #productSubList .productItems.gridType li .col-lg-9 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
                padding: 0;
            }

            #productSubList .productItems.gridType li a.productItemImage img {
                position: relative;
                top: 0;
                max-width: 100%;
                transform: translateY(0%);
            }

            #productSubList .productItems.gridType li .productItemContent .productItemName {
                font-size: 18px;
                color: #00539D;
                font-weight: bold;
                line-height: 24px;
                margin-bottom: 0;
                display: block;
                text-decoration: none;
                max-height: 54px;
                position: relative;
                top: 50%;
                transform: translateY(-50%);
            }

            #productSubList .productItems.gridType li .productItemContent .productName {
                position: relative;
                height: 48px;
                margin: 10px 0;
                overflow: hidden;
            }

            #productSubList .productItems.gridType li .productItemContent .productShortDesc {
                margin-bottom: 15px;
                font-size: 14px;
            }

            #productSubList .productItems.gridType li .productItemContent .productItemDetailButton {
                margin: auto;
                font-size: 14px;
                line-height: 26px;
                width: 90%;
            }

#productSubList .productItems {
    transition: ease all .2s;
    opacity: 1;
}

    #productSubList .productItems.gizli {
        opacity: 0
    }

#distributorList {
    padding: 50px 0;
}

    #distributorList .distributorContent {
    }

        #distributorList .distributorContent .distributorDesc {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 50px;
            display: block;
        }

        #distributorList .distributorContent .distributorSection {
            padding-top: 30px;
            margin-bottom: 30px;
            border-top: 1px solid #E0E0E0;
        }

            #distributorList .distributorContent .distributorSection h2 {
                font-size: 20px;
                font-weight: bold;
                color: #00539D;
                line-height: 56px;
                padding: 0 10px;
            }

            #distributorList .distributorContent .distributorSection .distributorLogo {
                display: block;
                margin-bottom: 10px;
            }

                #distributorList .distributorContent .distributorSection .distributorLogo img {
                    max-height: 100px;
                }

            #distributorList .distributorContent .distributorSection.others .distributorLogo img {
                max-height: 41px;
            }

            #distributorList .distributorContent .distributorSection .distributorName {
                font-size: 18px;
                color: #00539D;
                padding: 0 10px;
                display: block;
            }

            #distributorList .distributorContent .distributorSection .distributorInfo {
                padding: 0 10px;
                margin-bottom: 80px;
            }

                #distributorList .distributorContent .distributorSection .distributorInfo p {
                    margin: 15px 0;
                    line-height: 24px;
                    font-size: 16px;
                    display: block;
                }

                #distributorList .distributorContent .distributorSection .distributorInfo a.contactButton {
                }

                #distributorList .distributorContent .distributorSection .distributorInfo a.contactButton {
                    display: block;
                    margin: 30px 0;
                    color: #00539D;
                    font-size: 14px;
                }

                    #distributorList .distributorContent .distributorSection .distributorInfo a.contactButton .fa {
                        margin-right: 6px;
                    }

#catalogList {
    padding: 50px 0;
}

    #catalogList .catalogContent {
    }



        #catalogList .catalogContent .catalogSection {
            padding-bottom: 20px;
            margin-bottom: 0px;
            border-bottom: 1px solid #E0E0E0;
        }

            #catalogList .catalogContent .catalogSection h2 {
                font-size: 20px;
                font-weight: bold;
                color: #00539D;
                line-height: 56px;
                padding: 0 10px;
                margin-bottom: 0px;
            }

            #catalogList .catalogContent .catalogSection .catalogImage {
                display: block;
                margin-top: 10px;
            }

                #catalogList .catalogContent .catalogSection .catalogImage img {
                    /* max-height: 41px; */
                    width: 100%;
                }

            #catalogList .catalogContent .catalogSection .catalogName {
                font-size: 16px;
                color: #000;
                padding: 4px 10px;
                display: block;
                background: #005eb8;
                color: white;
                text-align: center;
                height: 48px;
            }

                #catalogList .catalogContent .catalogSection .catalogName p {
                    margin: 0;
                    line-height: 20px;
                    font-size: 15px;
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                }

#productDetail {
}

    #productDetail .productContent {
        padding: 30px 0;
    }

        #productDetail .productContent .productImage {
            display: inline-block;
            /*box-shadow: 0 3px 9px rgba(0,0,0,0.1);*/
            border-radius: 6px;
        }

            #productDetail .productContent .productImage img {
                max-width: 100%;
            }

        #productDetail .productContent h2 {
            font-size: 35px;
            font-weight: bold;
            line-height: 42px;
            color: #00539D;
            margin-bottom: 20px;
        }

        #productDetail .productContent .productShortDesc {
            font-size: 26px;
            line-height: 32px;
            color: #00539D;
            margin: 20px 0;
            display: block;
        }

        #productDetail .productContent p {
            font-size: 16px;
            line-height: 24px;
        }

        #productDetail .productContent strong {
            display: block;
            /*margin: 20px 0 20px;*/
        }

        #productDetail .productContent .features {
        }

            #productDetail .productContent .features li {
            }

        #productDetail .productContent .features {
        }

        #productDetail .productContent ul.productShareButtons {
            margin: 50px 0;
        }

            #productDetail .productContent ul.productShareButtons li {
                display: inline-block;
                background: #ddd;
                line-height: 30px;
                padding: 0;
                color: #fff;
            }

                #productDetail .productContent ul.productShareButtons li a {
                    color: #fff;
                    display: block;
                    padding: 0 20px 0 12px;
                    font-size: 14px;
                    text-decoration: none
                }

                    #productDetail .productContent ul.productShareButtons li a .fa {
                        margin-right: 6px;
                    }

                    #productDetail .productContent ul.productShareButtons li a.facebook {
                        background: #3D689B;
                    }

                    #productDetail .productContent ul.productShareButtons li a.twitter {
                        background: #4BA1EA;
                    }

                    #productDetail .productContent ul.productShareButtons li a.whatsapp {
                        background: #70BE5A;
                    }

                    #productDetail .productContent ul.productShareButtons li a.email {
                        background: #848484;
                    }

                    #productDetail .productContent ul.productShareButtons li a.more {
                        background: #EE715B;
                    }

        #productDetail .productContent .productRightButton {
        }

            #productDetail .productContent .productRightButton li.infoButton {
            }

                #productDetail .productContent .productRightButton li.infoButton a {
                    line-height: 40px;
                    background: #00539D;
                    display: flex;
                    color: #fff;
                    border-radius: 4px;
                    font-size: 17.5px;
                    padding: 8px 0;
                    padding-left: 0;
                    font-weight: 400;
                    text-decoration: underline;
                    text-align: center;
                    width: 100%;
                    justify-content: center;
                }

                    #productDetail .productContent .productRightButton li.infoButton a:before {
                        content: '';
                        background-image: url(/assets/img/infoIcon.png);
                        position: relative;
                        width: 30px;
                        height: 40px;
                        background-repeat: no-repeat;
                        /* background-position: center; */
                        /* left: 30px; */
                        top: 0;
                        display: inline-block;
                        left: auto;
                        margin-left: -4px;
                    }

                    #productDetail .productContent .productRightButton li.infoButton a:after {
                        content: '';
                        display: none;
                    }

            #productDetail .productContent .productRightButton li {
                margin-bottom: 15px;
            }

                #productDetail .productContent .productRightButton li a {
                    color: #00539D;
                    border-radius: 4px;
                    font-size: 14px;
                    padding: 12px 0;
                    padding-left: 45px;
                    font-weight: bold;
                    line-height: 18px;
                    display: block;
                    box-shadow: 0 3px 6px rgba(0,0,0,0.05);
                    transition: ease all .25s;
                    text-decoration: none;
                    position: relative;
                    padding: 0;
                }

                #productDetail .productContent .productRightButton li:hover a {
                    box-shadow: 0 3px 9px rgba(0,0,0,0.16);
                }

                #productDetail .productContent .productRightButton li a span {
                    display: block;
                    line-height: 18px;
                    font-size: 12px;
                    font-weight: 400;
                    color: #000;
                }

                #productDetail .productContent .productRightButton li a:before {
                    content: '';
                    background-image: url(/assets/img/pdfIcon.png);
                    position: absolute;
                    width: 40px;
                    height: 40px;
                    background-repeat: no-repeat;
                    background-position: center;
                    left: 5px;
                    top: 10px;
                }

                #productDetail .productContent .productRightButton li a:after {
                    content: '';
                    background-image: url(/assets/img/downloadIcon.png);
                    position: absolute;
                    width: 40px;
                    height: 40px;
                    background-repeat: no-repeat;
                    background-position: center;
                    right: 5px;
                    top: 10px;
                }

#contact {
    padding: 30px 0;
}

    #contact .contactContent {
    }

        #contact .contactContent h2.pageTitle {
            font-size: 20px;
            color: #00539D;
            line-height: 3;
            position: relative;
            margin-bottom: 30px;
            font-weight: bold;
        }

            #contact .contactContent h2.pageTitle:after {
                content: '';
                position: absolute;
                height: 5px;
                width: 90px;
                background: #E0E0E0;
                left: 0;
                bottom: -5px;
            }

        #contact .contactContent .contactItem {
            margin-bottom: 50px;
        }

            #contact .contactContent .contactItem h2 {
                font-size: 20px;
                color: #00539D;
                line-height: 2;
                position: relative;
                font-weight: bold;
            }

            #contact .contactContent .contactItem ul {
            }

                #contact .contactContent .contactItem ul li {
                    margin-bottom: 20px;
                }

                    #contact .contactContent .contactItem ul li .contactInfoTitle {
                        position: relative;
                        display: block;
                    }

                        #contact .contactContent .contactItem ul li .contactInfoTitle:before {
                            content: ':';
                            position: absolute;
                            right: 0;
                        }

                    #contact .contactContent .contactItem ul li .contactInfoDesc {
                        color: #1D1D1D;
                        font-size: 16px;
                    }

                    #contact .contactContent .contactItem ul li iframe {
                        margin: 0;
                        position: relative;
                        opacity: 2;
                        display: block;
                        height: 480px;
                        margin-top: -100px;
                    }

                        #contact .contactContent .contactItem ul li iframe::after {
                            content: '';
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            background: #000;
                            left: 0;
                            top: 0;
                            z-index: 1111111;
                            display: block;
                        }

                    #contact .contactContent .contactItem ul li a.navigationButton {
                        display: block;
                        width: 100%;
                        text-align: center;
                        color: #fff;
                        font-size: 18px;
                        background: #00539D;
                        line-height: 50px;
                        border-radius: 4px;
                    }

                    #contact .contactContent .contactItem ul li .mapWrapper {
                        background: #000;
                        display: inline-block;
                        width: 100%;
                        height: 250px;
                        overflow: hidden;
                    }

        #contact .contactContent .form-group {
            margin-bottom: 20px;
        }

            #contact .contactContent .form-group input {
                line-height: 30px;
                height: 50px;
                padding: 10px 20px;
                border: #103F96 1px solid;
                border-radius: 4px;
                font-size: 14px;
            }

            #contact .contactContent .form-group textarea {
                line-height: 30px;
                height: 120px;
                padding: 10px 20px;
                border: #103F96 1px solid;
                border-radius: 4px;
                font-size: 14px;
            }

            #contact .contactContent .form-group .sendButton {
                display: block;
                width: 160px;
                text-align: center;
                color: #fff;
                font-size: 18px;
                background: #00539D;
                line-height: 50px;
                border-radius: 4px;
            }

#podCast {
    padding: 50px 0;
}

    #podCast .podcastContent {
    }

#videoList {
    padding: 50px 0;
}

    #videoList .videoContent {
    }



        #videoList .videoContent .videoSection {
            padding-bottom: 50px;
            margin-bottom: 50px;
            border-bottom: 1px solid #E0E0E0;
        }

            #videoList .videoContent .videoSection h2 {
                font-size: 20px;
                font-weight: bold;
                color: #00539D;
                line-height: 56px;
                padding: 0 10px;
                margin-bottom: 30px;
            }

            #videoList .videoContent .videoSection .videoImage {
                display: block;
                margin-bottom: 0;
                position: relative;
            }

                #videoList .videoContent .videoSection .videoImage:after {
                    content: '';
                    transition: ease all .25s;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                    background: rgba(0,0,0,0.5);
                    opacity: 0;
                    z-index: 1;
                }

                #videoList .videoContent .videoSection .videoImage:hover::after {
                    opacity: 1;
                }

                #videoList .videoContent .videoSection .videoImage .fa {
                    position: absolute;
                    text-align: center;
                    font-size: 70px;
                    color: #fff;
                    line-height: 100%;
                    top: 50%;
                    transform: translateY(-50%);
                    left: 0;
                    right: 0;
                    opacity: 0.5;
                    z-index: 2;
                    transition: ease all .25s;
                }

                #videoList .videoContent .videoSection .videoImage:hover .fa {
                    opacity: 1
                }

                #videoList .videoContent .videoSection .videoImage img {
                    /* max-height: 41px; */
                    width: 100%;
                }

            #videoList .videoContent .videoSection .videoName {
                font-size: 16px;
                color: #000;
                /* padding: 0 10px; */
                display: block;
                background: #005eb8;
                color: #fff;
                height: 48px;
                overflow: hidden;
                position: relative;
                margin: 0px 0px 10px 0px;
            }

                #videoList .videoContent .videoSection .videoName span {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    display: block;
                    padding: 0 10px;
                }



#searchResult .productFilterWrap {
    background: #EBEBEB;
    margin-bottom: 0;
}

    #searchResult .productFilterWrap .productFilter {
        padding: 30px 0;
    }

        #searchResult .productFilterWrap .productFilter .form-group {
            margin-bottom: 0;
        }

            #searchResult .productFilterWrap .productFilter .form-group label {
                display: block;
                font-size: 14px;
                color: #7C7C7C;
            }

            #searchResult .productFilterWrap .productFilter .form-group select {
                width: 100%;
                line-height: 50px;
                display: block;
                height: 50px;
                padding: 0 12px;
                font-size: 14px;
                color: #505050;
                border-radius: 4px;
                border-color: #00539D;
                background: transparent;
            }

            #searchResult .productFilterWrap .productFilter .form-group input {
                width: 100%;
                line-height: 50px;
                display: block;
                height: 50px;
                padding: 0 12px;
                font-size: 14px;
                color: #505050;
                border-radius: 4px;
                border-color: #00539D;
                background: transparent;
            }

        #searchResult .productFilterWrap .productFilter .applyButton {
            display: block;
            line-height: 50px;
            background: #00539D;
            font-size: 18px;
            font-weight: 400;
            color: #fff;
            text-align: center;
            margin-top: 30px;
            border-radius: 4px;
        }

        #searchResult .productFilterWrap .productFilter .clearButton {
            display: block;
            line-height: 46px;
            background: transparent;
            font-size: 18px;
            font-weight: 400;
            color: #00539D;
            text-align: center;
            margin-top: 30px;
            border-radius: 4px;
            border: 2px solid #00539D;
        }

            #searchResult .productFilterWrap .productFilter .clearButton .fa {
                font-weight: 400;
                margin-left: 3px;
            }

.productInfoButton {
    position: relative;
    background: #00539D;
    display: inline-block;
    font-size: 18px;
    color: #fff !important;
    line-height: 60px;
    padding: 0 15px 0 50px;
    border-radius: 4px;
    /*    text-decoration: none !important;*/
    margin-bottom: 50px;
}

    .productInfoButton:after {
        content: '';
        background-image: url(/assets/img/infoIcon.png);
        width: 50px;
        height: 40px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-size: 22px;
        background-repeat: no-repeat;
        background-position: center;
    }

#searchResult .infoForm {
    background: rgba(0,83,157,0.97);
    padding-bottom: 80px;
    position: fixed;
    width: 100%;
    height: calc(100% - 0px);
    z-index: 11;
    bottom: 0;
    left: 0;
    padding: 20px 0;
    transition: ease all .5s;
    pointer-events: none;
    opacity: 0;
}

    #searchResult .infoForm.show {
        opacity: 1;
        pointer-events: all
    }

    #searchResult .infoForm .container {
        top: 50%;
        position: relative;
        transform: translateY(-50%);
    }

    #searchResult .infoForm .searchText {
        font-size: 14px;
    }

        #searchResult .infoForm .searchText .searchWord {
            font-size: 24px;
        }

            #searchResult .infoForm .searchText .searchWord:after {
                content: '';
                width: 50px;
                height: 5px;
                background: #fff;
                position: absolute;
                left: 0;
                bottom: 0;
            }

    #searchResult .infoForm .form-group {
        margin-bottom: 24px;
    }

        #searchResult .infoForm .form-group input {
            line-height: 50px;
            height: 50px;
            border: 1px solid #fff;
            padding: 0 20px;
            background: transparent;
        }

        #searchResult .infoForm .form-group textarea {
            line-height: 50px;
            height: 124px;
            border: 1px solid #fff;
            padding: 0 20px;
            background: transparent;
        }

        #searchResult .infoForm .form-group .sendButton {
            width: 160px;
            line-height: 50px;
            background: transparent;
            display: block;
            text-align: center;
            color: #fff;
            border-radius: 4px;
            font-size: 18px;
            border: 1px solid;
        }

        #searchResult .infoForm .form-group input::-webkit-input-placeholder { /* Edge */
            color: #fff;
            font-size: 16px;
        }

        #searchResult .infoForm .form-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
            font-size: 16px;
            color: #fff;
        }

        #searchResult .infoForm .form-group input::placeholder {
            font-size: 16px;
            color: #fff;
        }

        #searchResult .infoForm .form-group textarea::-webkit-input-placeholder { /* Edge */
            color: #fff;
            font-size: 16px;
        }

        #searchResult .infoForm .form-group textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
            font-size: 16px;
            color: #fff;
        }

        #searchResult .infoForm .form-group textarea::placeholder {
            font-size: 16px;
            color: #fff;
        }

    #searchResult .infoForm .searchText {
        padding: 48px 0;
        display: block;
        font-size: 24px;
        font-weight: 400;
        color: #fff;
    }

        #searchResult .infoForm .searchText .searchWord {
            font-size: 35px;
            font-weight: bold;
            color: #fff;
            margin-right: 4px;
            display: block;
            position: relative;
            line-height: 3;
        }

.infoFormHide {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 30px;
    color: #fff !important;
}

#newsDetail .newsSlider img {
    max-width: 100%;
}


#newsDetail .newsSlider .swiper-slide img {
    opacity: 0;
    min-height: 330px;
}

#newsDetail .newsSlider .swiper-slide .newsImage {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
}

#newsDetail .newsVideo {
    min-height: 600px;
}




#productDetail .infoForm {
    background: rgba(0,83,157,0.97);
    padding-bottom: 80px;
    position: fixed;
    width: 100%;
    height: calc(100% - 0px);
    z-index: 11;
    bottom: 0;
    left: 0;
    padding: 20px 0;
    transition: ease all .5s;
    pointer-events: none;
    opacity: 0;
}

    #productDetail .infoForm.show {
        opacity: 1;
        pointer-events: all;
    }

        #productDetail .infoForm.show .form-control {
            color: white;
        }


    #productDetail .infoForm .container {
        top: 50%;
        position: relative;
        transform: translateY(-50%);
    }

    #productDetail .infoForm .searchText {
        font-size: 14px;
    }

        #productDetail .infoForm .searchText .searchWord {
            font-size: 24px;
        }

            #productDetail .infoForm .searchText .searchWord:after {
                content: '';
                width: 50px;
                height: 5px;
                background: #fff;
                position: absolute;
                left: 0;
                bottom: 0;
            }

    #productDetail .infoForm .form-group {
        margin-bottom: 24px;
    }

        #productDetail .infoForm .form-group input {
            line-height: 50px;
            height: 50px;
            border: 1px solid #fff;
            padding: 0 20px;
            background: transparent;
        }

        #productDetail .infoForm .form-group textarea {
            line-height: 50px;
            height: 148px;
            border: 1px solid #fff;
            padding: 0 20px;
            background: transparent;
        }

        #productDetail .infoForm .form-group .sendButton {
            width: 160px;
            line-height: 50px;
            background: transparent;
            display: block;
            text-align: center;
            color: #fff;
            border-radius: 4px;
            font-size: 18px;
            border: 1px solid;
            float: right;
        }

        #productDetail .infoForm .form-group input::-webkit-input-placeholder { /* Edge */
            color: #fff;
            font-size: 16px;
        }

        #productDetail .infoForm .form-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
            font-size: 16px;
            color: #fff;
        }

        #productDetail .infoForm .form-group input::placeholder {
            font-size: 16px;
            color: #fff;
        }

        #productDetail .infoForm .form-group textarea::-webkit-input-placeholder { /* Edge */
            color: #fff;
            font-size: 16px;
        }

        #productDetail .infoForm .form-group textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
            font-size: 16px;
            color: #fff;
        }

        #productDetail .infoForm .form-group textarea::placeholder {
            font-size: 16px;
            color: #fff;
        }

    #productDetail .infoForm .searchText {
        padding: 48px 0;
        display: block;
        font-size: 24px;
        font-weight: 400;
        color: #fff;
    }

        #productDetail .infoForm .searchText .searchWord {
            font-size: 35px;
            font-weight: bold;
            color: #fff;
            margin-right: 4px;
            display: block;
            position: relative;
            line-height: 3;
        }

.liveChatIcon {
    background-image: url(/assets/img/liveChatIcon.png);
    position: fixed;
    width: 70px;
    height: 70px;
    background-color: #00539D;
    border: 2px solid #fff;
    border-radius: 50%;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center 18px;
    bottom: 60px;
    right: 40px;
    box-shadow: 0 10px 6px rgba(0,0,0,0.15);
    z-index: 2;
}

.liveChatIcon2 {
    color: #fff !important;
    text-decoration: underline;
    display: block;
    text-align: center;
    border: 1px solid #fff;
    text-decoration: none;
    line-height: 40px;
    text-transform: inherit;
    font-weight: 500;
    margin-bottom: 10px;
    max-width: 50vw;
    margin: 0 auto 20px;
}




.liveChatForm {
    background: rgba(0,83,157,0.97);
    padding-bottom: 80px;
    position: fixed;
    width: 100%;
    height: calc(100% - 0px);
    z-index: 99999;
    bottom: 0;
    left: 0;
    padding: 20px 0;
    transition: ease all .5s;
    pointer-events: none;
    opacity: 0;
    overflow: auto;
    color: white;
}

    .liveChatForm .form-control {
        color: white;
    }

    .liveChatForm.show {
        opacity: 1;
        pointer-events: all
    }

    .liveChatForm .container {
        /* top: 50%; */
        position: relative;
        /* transform: translateY(-50%); */
    }

    .liveChatForm .searchText {
        font-size: 14px;
    }

        .liveChatForm .searchText .searchWord {
            font-size: 24px;
        }

            .liveChatForm .searchText .searchWord:after {
                content: '';
                width: 50px;
                height: 5px;
                background: #fff;
                position: absolute;
                left: 0;
                bottom: 0;
            }

    .liveChatForm .form-group {
        margin-bottom: 0;
        position: relative;
    }

        .liveChatForm .form-group input {
            line-height: 50px;
            height: 50px;
            border: 1px solid #fff;
            padding: 0 20px;
            background: transparent;
            margin-bottom: 30px;
            z-index: 9999;
        }

        .liveChatForm .form-group textarea {
            line-height: 1.5;
            height: 100px;
            border: 1px solid #fff;
            /* padding: 10px 20px; */
            background: transparent;
            margin-bottom: 20px;
        }

        .liveChatForm .form-group .sendButton {
            width: 160px;
            line-height: 50px;
            background: #fff;
            display: block;
            text-align: center;
            color: #0858a0;
            border-radius: 4px;
            font-size: 18px;
            border: 1px solid;
        }

        .liveChatForm .form-group input::-webkit-input-placeholder { /* Edge */
            color: #fff;
            font-size: 16px;
        }

        .liveChatForm .form-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
            font-size: 16px;
            color: #fff;
        }

        .liveChatForm .form-group input::placeholder {
            font-size: 16px;
            color: #fff;
        }

        .liveChatForm .form-group textarea::-webkit-input-placeholder { /* Edge */
            color: #fff;
            font-size: 16px;
        }

        .liveChatForm .form-group textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
            font-size: 16px;
            color: #fff;
        }

        .liveChatForm .form-group textarea::placeholder {
            font-size: 16px;
            color: #fff;
        }

    .liveChatForm .searchText {
        padding: 0 0 48px;
        display: block;
        font-size: 24px;
        font-weight: 400;
        color: #fff;
        margin-top: 0;
    }

        .liveChatForm .searchText .searchWord {
            font-size: 35px;
            font-weight: bold;
            color: #fff;
            margin-right: 4px;
            display: block;
            position: relative;
            line-height: 2;
        }

.liveChatHide {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 30px;
    color: #fff !important;
}

.liveChatForm .form-group textarea.salesHide {
    height: 0;
    opacity: 0;
    transition: ease all .25s;
    overflow: hidden;
    margin-bottom: 0;
    padding: 0 20px;
    border: 0;
}

    .liveChatForm .form-group textarea.salesHide.show {
        height: 75px;
        opacity: 1;
        margin-bottom: 15px;
        padding: 10px 20px;
        border: 1px solid #fff;
    }

.liveChatForm .form-group input.salesHide {
    height: 0;
    opacity: 0;
    transition: ease all .25s;
    overflow: hidden;
    margin-bottom: 0;
    border: 0;
}

    .liveChatForm .form-group input.salesHide.show {
        height: 50px;
        opacity: 1;
        margin-bottom: 20px;
        border: 1px solid #fff;
    }

.liveChatForm .form-group input[type=checkbox] {
    float: left;
    height: 30px;
    margin-right: 10px;
    appearance: none;
    border: none;
    line-height: 30px;
    padding: 0;
    width: 30px;
    position: relative;
    margin-bottom: 20px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

    .liveChatForm .form-group input[type=checkbox]:after {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        border: 2px solid #fff;
        border-radius: 4px;
        top: 50%;
        transform: translateY(-50%);
        transition: ease all .25s;
    }

    .liveChatForm .form-group input[type=checkbox] ~ label {
        line-height: 30px;
        color: #fff;
        font-size: 16px;
        margin-bottom: 0;
    }

    .liveChatForm .form-group input[type=checkbox]:checked {
    }

        .liveChatForm .form-group input[type=checkbox]:checked::after {
            height: 11px;
            border-top: transparent;
            border-right: transparent;
            border-radius: 0;
            transform: rotate(-47deg);
            top: 24%;
        }

        .liveChatForm .form-group input[type=checkbox]:checked ~ label {
        }


@media (max-width:1399.98px) {
    #tripleBanners .bannerItem h2 {
        font-size: 28px;
    }

    #tripleBanners .bannerItem p {
        font-size: 15px;
        height: 48px;
    }

    #tripleBanners .bannerItem a {
        height: 36px;
        margin: 30px auto 0;
        line-height: 32px;
        font-size: 16px;
    }

    #tripleBanners .bannerItem .bannerContent {
        padding: 0 30px;
    }



    #tripleBanners .bannerItem.lightText p {
        height: 48px;
    }
}

@media (max-width:1199.98px) {
    #mainSlider .swiper-button-prev {
        left: 30px;
    }

    #mainSlider .swiper-button-next {
        right: 30px
    }

    #mainSlider .swiper-slide .slideDesc span {
        font-size: 32px
    }

    #tripleBanners .bannerItem h2 {
        font-size: 20px;
    }

    #tripleBanners .bannerItem p {
        font-size: 13px;
        height: 48px;
    }

    #tripleBanners .bannerItem a {
        height: 36px;
        margin: 15px auto 0;
        line-height: 32px;
        font-size: 16px;
    }

    #tripleBanners .bannerItem .bannerContent {
        padding: 0 30px;
    }



    #tripleBanners .bannerItem.lightText p {
        margin-bottom: 0;
        height: 48px;
    }

    footer .footerTopSection .talepMenu ul li {
        margin-right: 12px;
    }

    #services .serviceItem .title {
        font-size: 20px
    }

    footer .footerTopSection .talepMenu ul li a {
        padding: 0 12px;
        width: auto;
        font-size: 13px;
    }
}

@media (max-width:1023.98px) {
    #mainSlider .swiper-button-prev,
    #mainSlider .swiper-button-next {
        display: none
    }
}

.mobileMenuToggle {
    display: none;
    width: 50px;
    height: 58px;
    position: absolute;
    right: 0px;
    top: 0;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}

.mobileShow {
    display: none !important;
    position: absolute;
    right: 40px;
    width: 50px;
    text-align: center;
    font-size: 28px !important;
    padding: 8px 15px !important;
}

.mobileVisible {
    display: none
}

@media (max-width:991.98px) {
    .pageTop .pageTitle h2 {
        font-size: 20px;
        padding-bottom: 20px;
    }

    .pageTop .pageTitle {
        min-height: 100px
    }

    #mainSlider .swiper-slide .slideDesc span {
        max-width: 50%;
        font-size: 18px;
    }
    /*#mainSlider .elements {padding:0 60px}*/
    #mainSlider .elements .swiper-pagination-bullet {
        font-size: 12px;
    }

    #tripleBanners .bannerItem img {
        width: 100%;
    }

    #tripleBanners .bannerItem .bannerContent {
        left: 0;
        right: 0
    }

    #tripleBanners .container-fluid {
        max-width: 720px
    }

    #tripleBanners .bannerItem {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        margin-bottom: 30px;
    }

        #tripleBanners .bannerItem h2 {
            font-size: 36px;
            font-weight: bold;
        }

        #tripleBanners .bannerItem p {
            font-size: 16px;
            height: 48px;
        }

        #tripleBanners .bannerItem .bannerContent {
            padding: 0 50px;
        }

        #tripleBanners .bannerItem a {
            height: 40px;
            width: 200px;
            line-height: 36px;
            font-size: 18px;
        }

    footer .footerMiddleSection {
        padding: 20px 0 0;
    }

    footer .footerTopSection .ebulten:before {
        width: 10000px;
        right: -300px;
        left: auto;
        margin: auto;
    }

    footer .footerTopSection .talepMenu ul {
        display: inline-block;
        width: 100%;
        padding-left: 0
    }

        footer .footerTopSection .talepMenu ul li {
            width: calc((100% / 4) - 12px);
            float: left;
        }

    footer .footerMiddleSection .footerLogo {
        text-align: center
    }

    footer .footerTopSection h2 {
        margin: 20px 0
    }

    header .headerContent .mainMenuWrapper ul {
        display: block;
        position: fixed;
        width: 100%;
        left: 100%;
        top: 88px;
        z-index: 111;
        background: #00539D;
        height: calc(100vh - 88px);
        transition: ease all .3s;
        opacity: 0;
    }

    header .headerContent .mainMenuWrapper.menuActive ul {
        display: block;
        padding: 20px 0;
        left: 0;
        opacity: 1;
    }

    header .headerContent a.logo img {
        max-width: 100%;
        height: 32px;
    }

    header .headerContent a.logo {
        padding: 13px 0;
    }

    .mobileMenuToggle {
        display: block;
        transition: ease all .3s;
    }

        .mobileMenuToggle.menuOpened {
            background: #00539D
        }

        .mobileMenuToggle span {
            width: 27px;
            height: 2.5px;
            background: #0959a0;
            position: absolute;
            border-radius: 2px;
            left: 0;
            right: 0;
            margin: auto;
            transition: ease all .5s;
        }

            .mobileMenuToggle span:first-child {
                top: 18px;
            }

            .mobileMenuToggle span:nth-child(2) {
                top: 27px;
            }

            .mobileMenuToggle span:last-child {
                top: 36px;
            }

        .mobileMenuToggle.menuOpened span:first-child {
            transform: rotate(-50deg);
            top: 27px;
            background: #fff;
        }

        .mobileMenuToggle.menuOpened span:nth-child(2) {
            left: 100%;
            opacity: 0;
            background: #fff;
        }

        .mobileMenuToggle.menuOpened span:last-child {
            transform: rotate(50deg);
            top: 27px;
            background: #fff;
        }

    header .headerContent .mainMenuWrapper .searchOpenButton {
        top: 0;
        box-shadow: none;
        border: none;
        right: 60px;
        background-image: url(/assets/img/mobileSearchIcon.png);
        height: 58px;
    }

    .wrapper {
        padding-top: 88px;
    }

    .mobileMenuToggle {
        display: block;
        background: none;
    }

    header .headerContent .mainMenuWrapper ul li a, header .headerContent .mainMenuWrapper ul li a.active {
        color: #FFFFFF !important;
        font-size: 20px;
        padding: 15px;
        display: inline-block !important;
        right: 25px;
    }

    header .headerContent .mainMenuWrapper ul li {
        padding-left: 50px !important;
        border-bottom: 1px solid #055CA8;
        position: initial;
        background: #00539d !important;
    }

        header .headerContent .mainMenuWrapper ul li .subMenu2 {
            top: 0;
            left: 100%;
            padding: 30px 0;
            background: #00539d;
        }

            header .headerContent .mainMenuWrapper ul li .subMenu2.subMenuShow {
                left: 0;
                padding: 30px 0px;
                max-height: 100%;
                overflow: auto;
                background: #00539d;
            }

    .mobileSubMenuHide {
        position: relative;
        width: 100%;
        text-align: left;
        padding-left: 20px !important;
    }

        .mobileSubMenuHide .fa {
            margin-right: 8px;
        }

    header .headerContent .mainMenuWrapper ul li .subMenu2 li a {
        opacity: 1;
        padding: 10px 0;
        font-size: 20px;
    }

    #mainSlider .elements .swiper-pagination-bullet:before {
        height: 2px;
        top: -10px;
        width: 50%;
    }
}

@media (max-width:767.98px) {
    .liveChatIcon {
        background-image: url(/assets/img/liveChatIcon.png);
        position: fixed;
        width: 50px;
        height: 50px;
        background-color: #00539D;
        border: 2px solid #fff;
        border-radius: 50%;
        background-size: 26px;
        background-repeat: no-repeat;
        background-position: center 12px;
        bottom: 70px;
        right: 20px;
        box-shadow: 0 10px 6px rgba(0,0,0,0.15);
    }

    #aboutUs {
        padding-top: 0;
    }

        #aboutUs .leftMenu {
            position: relative;
            height: 50px;
        }

            #aboutUs .leftMenu:before {
                content: '';
                position: absolute;
                background: #F4F4F4;
                width: 1000px;
                height: 100%;
                z-index: -1;
                left: 50%;
                right: 0;
                margin: auto;
                transform: translateX(-50%);
            }

            #aboutUs .leftMenu li {
                margin-bottom: 0;
                float: left;
                padding-top: 10px;
                margin-right: 30px;
            }

                #aboutUs .leftMenu li h2 {
                    font-size: 20px;
                    line-height: 30px;
                }

                #aboutUs .leftMenu li a {
                    font-size: 20px
                }

                #aboutUs .leftMenu li h2:after {
                    height: 3px;
                    bottom: 5px;
                    width: 100%;
                }

    #location {
        padding-top: 0;
    }

        #location .leftMenu {
            position: relative;
            height: 50px;
        }

            #location .leftMenu:before {
                content: '';
                position: absolute;
                background: #F4F4F4;
                width: 1000px;
                height: 100%;
                z-index: -1;
                left: 50%;
                right: 0;
                margin: auto;
                transform: translateX(-50%);
            }

            #location .leftMenu li {
                margin-bottom: 0;
                float: left;
                padding-top: 10px;
                margin-right: 30px;
            }

                #location .leftMenu li h2 {
                    font-size: 20px;
                    line-height: 30px;
                }

                #location .leftMenu li a {
                    font-size: 20px
                }

                #location .leftMenu li h2:after {
                    height: 3px;
                    bottom: 5px;
                    width: 100%;
                }

        #location .locationContent h2 {
            display: none
        }

        #location .locationContent .form-group {
            margin-bottom: 15px;
        }

        #location .locationContent .applyButton, #location .locationContent .clearButton {
            margin: 0
        }

        #location .locationContent .clearButton {
            width: 40px;
            border: 1px solid #00539D;
        }

        #location .locationContent .form-group label {
            margin-bottom: 5px
        }

    #services .col-6:nth-child(2n+1) {
        padding-right: 8px;
    }

    #services .col-6:nth-child(2n) {
        padding-left: 8px;
    }

    #location .locationContent .locationList li .locationItemName {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    #location .locationContent .locationList li .contactButton {
        margin: 20px 0 30px;
    }

    #location .locationContent .col-6:nth-child(2n+1) {
        padding-right: 8px;
    }

    #location .locationContent .col-6:nth-child(2n) {
        padding-left: 8px;
    }

    #newsList .newsFilterWrap {
        display: none
    }



    #newsList {
        padding-top: 0;
    }

        #newsList .newsTitleButtons {
            position: relative;
            height: 50px;
            width: 740px;
            margin: 0;
        }

            #newsList .newsTitleButtons:before {
                content: '';
                position: absolute;
                background: #F4F4F4;
                width: 1000px;
                height: 100%;
                z-index: -1;
                left: 50%;
                right: 0;
                margin: auto;
                transform: translateX(-50%);
            }

            #newsList .newsTitleButtons li {
                margin-bottom: 0;
                float: left;
                padding-top: 10px;
                margin-right: 30px;
            }

                #newsList .newsTitleButtons li h2 {
                    font-size: 18px;
                    line-height: 30px;
                    margin-bottom: 0;
                    color: #C6C6C6;
                }

                #newsList .newsTitleButtons li a {
                    font-size: 20px
                }

                #newsList .newsTitleButtons li h2:after {
                    height: 3px;
                    bottom: 0;
                    width: 100%;
                    max-width: 100px;
                    display: none;
                }

                #newsList .newsTitleButtons li.active {
                    margin-bottom: 0;
                    float: left;
                    padding-top: 10px;
                    margin-right: 30px;
                }

                    #newsList .newsTitleButtons li.active h2 {
                        font-size: 20px;
                        line-height: 30px;
                        margin-bottom: 0;
                        color: #00539D;
                    }

                    #newsList .newsTitleButtons li.active a {
                        font-size: 20px
                    }

                    #newsList .newsTitleButtons li.active h2:after {
                        height: 3px;
                        bottom: 0;
                        width: 100%;
                        max-width: 100px;
                        display: block;
                    }

        #newsList .newsList {
            margin-top: 30px
        }

    .mobileOverflowAuto {
        overflow-x: auto
    }

    #newsDetail .newsVideo {
        min-height: 480px;
    }

    #market .marketTopDesc {
        font-size: 22px;
        line-height: 28px;
        margin-top: 0px;
    }

    #productMainList .productTopDesc {
        font-size: 22px;
        line-height: 28px;
        margin-top: 0px;
    }

    #productMainList .productItems .col-6:nth-child(2n) {
        padding-left: 8px;
    }

    #productMainList .productItems .col-6:nth-child(2n+1) {
        padding-right: 8px;
    }

    #productMainList .productItems .productItem .title {
        font-size: 14px
    }
}

@media (max-width:480px) {
    #mainSlider .swiper-slide .slideDesc span {
        max-width: 100%;
    }

    #services .sectionTitle {
        font-size: 12px
    }

    #services .serviceItem .title {
        font-size: 14px
    }

    #services {
        position: relative;
        margin-top: -75px;
    }

    #mainSlider .elements {
        bottom: 100px
    }

    #mainSlider .swiper-slide .slideDesc {
        top: calc(50% - 40px);
    }

    #news .sectionTitle {
        font-size: 20px;
    }

    #news {
        background: #f4f4f4;
        padding-top: 30px;
        text-align: center;
    }

    footer .footerTopSection h2 {
        margin: 0px 0 30px;
        font-size: 18px;
    }

    footer .footerTopSection .talepMenu ul li {
        width: calc((100% / 2) - 12px);
        float: left;
        margin-bottom: 12px;
    }

    footer .footerMiddleSection .footerMenu {
        display: inline-block;
        padding: 0;
        margin: 20px 0;
        justify-content: space-between;
        color: #ebebeb;
        width: 100%;
        text-align: center;
    }

        footer .footerMiddleSection .footerMenu li {
            float: none;
            margin: 0 8px;
            display: inline-block;
        }

    footer .footerMiddleSection {
        padding: 0
    }

        footer .footerMiddleSection .footerLogo {
            margin: 0 -15px;
            background: #fff;
            padding: 20px 0;
        }

    footer .footerBottomSection .copyright {
        display: block;
        text-align: center;
    }

    #tripleBanners .bannerItem h2 {
        font-size: 16px
    }

    #tripleBanners .bannerItem p, #tripleBanners .bannerItem a {
        font-size: 14px
    }

    #news .newsListWrap h2 {
        font-size: 24px;
        color: #00539D;
        line-height: 2;
        position: relative;
        margin-bottom: 30px;
        text-align: left;
        font-weight: 700;
    }



    .pageTop .breadcrumb {
        display: none
    }

    .mobileHide {
        display: none !important
    }

    .mobileVisible {
        display: block !important
    }

    #searchResult .productFilterWrap .productFilter .form-group input, #searchResult .productFilterWrap .productFilter .form-group select {
        margin-bottom: 15px
    }

    #searchResult .searchText {
        color: #767676;
        font-size: 14px;
        padding: 16px 0;
        position: relative;
    }

        #searchResult .searchText .searchWord {
            font-size: 22px;
            display: block;
            line-height: 1;
        }

    #searchResult .resultItems li .resultItemContent .resultItemName {
        font-size: 26px
    }

    .filterToggle {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        line-height: 40px;
        width: 90px;
        text-align: center;
        background: #C6C6C6;
        border-radius: 4px;
        color: #fff !important;
        transition: ease all .25s;
        text-decoration: none !important;
    }

        .filterToggle .fa {
            margin-left: 10px;
        }

        .filterToggle.active {
            background: #00539D;
            color: #fff;
            text-decoration: none;
        }


    #searchResult .productFilterWrap {
        margin-bottom: 0;
        height: 1px;
        overflow: hidden;
        transition: ease all .25s;
    }

        #searchResult .productFilterWrap.active {
            margin-bottom: 0;
            height: 340px;
            overflow: hidden;
        }

    #searchResult .infoForm {
        height: calc(100% - 88px);
    }

    .productInfoButton {
        font-size: 14px;
        line-height: 40px;
    }

        .productInfoButton:after {
            transform: translateY(-50%) scale(0.9);
        }

    #searchResult .infoForm .searchText .searchWord {
        font-size: 22px;
        line-height: 2.5;
    }

    #searchResult .infoForm .searchText {
        padding: 0px 0 20px;
    }

    #searchResult .infoForm {
        padding: 0;
    }

    .infoFormHide {
        top: 0
    }

    footer .footerTopSection .ebulten .ebultenForm a {
        font-size: 15px;
        padding: 0 20px
    }

    header .headerContent .mainMenuWrapper ul li {
        padding-left: 40px !important;
    }

    #aboutUs .aboutContent h2 {
        font-size: 30px
    }

    #aboutUs .aboutContent .subDesc {
        font-size: 20px
    }

    footer .footerMiddleSection .footerMenu li a {
        font-size: 14px
    }

    footer .footerMiddleSection .footerLogo img {
        max-height: 40px;
    }

    #newsList .newsList .newsItem .newsContent .newsTitle {
        height: auto
    }

    #newsDetail .newsTitle {
        font-size: 22px;
    }

    #newsDetail .subTitle {
        font-size: 20px
    }

    #newsDetail .newsVideo {
        min-height: 250px;
    }





    #productSubList .productFilterWrap {
        margin-bottom: 0;
        height: 1px;
        overflow: hidden;
        transition: ease all .25s;
    }

        #productSubList .productFilterWrap.active {
            margin-bottom: 0;
            height: 340px;
            overflow: hidden;
        }

    #productSubList .productItems li a.productItemImage img {
        transform: translate(0);
        top: 0
    }

    #productSubList .productItems li .productItemContent .productItemName {
        font-size: 26px
    }

    #productSubList .searchText .searchWord {
        font-size: 22px;
        display: block;
        line-height: 1;
        font-weight: bold;
        color: #00539D;
        margin-right: 4px;
    }

    #productSubList .searchText {
        color: #767676;
        font-size: 14px;
        padding: 16px 0;
        position: relative;
        display: block;
    }

    #productSubList .productFilterWrap .productFilter .form-group input, #productSubList .productFilterWrap .productFilter .form-group select {
        margin-bottom: 15px
    }

    #productSubList .searchText {
        color: #767676;
        font-size: 14px;
        padding: 16px 0;
        position: relative;
    }

        #productSubList .searchText .searchWord {
            font-size: 22px;
            display: block;
            line-height: 1;
        }

    #productSubList .resultItems li .resultItemContent .resultItemName {
        font-size: 26px
    }

    #productSubList .productItems li .productItemContent .productItemDetailButton {
        font-size: 14px;
        width: 160px;
    }

    #productDetail .productContent h2 {
        font-size: 26px;
        margin: 20px 0
    }

    #productDetail .productContent .productShortDesc {
        font-size: 20px;
        line-height: 28px
    }

    #productDetail .infoForm {
        height: calc(100% - 88px);
    }




        #productDetail .infoForm .searchText .searchWord {
            font-size: 22px;
            line-height: 2.5;
        }

        #productDetail .infoForm .searchText {
            padding: 0px 0 20px;
        }

    #productDetail .infoForm {
        padding: 0;
        overflow: auto;
        padding-top: 100px;
    }

    .infoFormHide {
        top: 0
    }

    #distributorList .distributorContent .distributorSection h2 {
        font-size: 18px
    }

    #catalogList {
        padding-top: 0
    }

        #catalogList .catalogContent .catalogSection h2 {
            border-bottom: 1px solid #E0E0E0;
        }

        #catalogList .catalogContent .catalogSection .catalogName {
            text-align: right
        }
}

.at-resp-share-element .at-share-btn .at-label {
    display: none
}

.marketIcons {
}

    .marketIcons h3 {
        color: #212529;
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .marketIcons ul {
        width: calc(100% + 10px);
        margin: 0 -5px;
        /* display: flex; */
        /* justify-content: space-between; */
    }

        .marketIcons ul li {
            position: relative;
            padding: 5px;
            /* cursor: pointer; */
            display: inline-block;
        }

            .marketIcons ul li img {
                max-width: 100%;
                cursor: pointer;
                width: 74px;
                display: block;
                height: 74px;
            }

            .marketIcons ul li span {
                position: absolute;
                pointer-events: none;
                opacity: 0;
                height: auto;
                background: #606060;
                z-index: 1;
                display: inline-block;
                width: auto;
                color: #fff;
                padding: 5px 15px 5px;
                text-align: center;
                left: 50%;
                transform: translateX(-50%);
                bottom: 100%;
                transition: ease all .25s;
                font-size: 11px;
                min-width: 110px;
            }

            .marketIcons ul li:hover span {
                opacity: 1;
            }

footer .footerTopSection h2.footerContactText small {
    text-transform: initial;
    font-size: 17px;
    line-height: 1.5;
    display: block;
    margin: 20px 0 30PX;
}

.ortala {
    position: relative;
    top: 50%;
    transform: translateY(40%);
    border-radius: 20px;
}

#distributorList .distributorContent .distributorSection .distributorLogo span {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    height: auto;
    background: #606060;
    z-index: 1;
    display: inline-block;
    width: auto;
    color: #fff;
    padding: 5px 15px 5px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    transition: ease all .25s;
    font-size: 11px;
    min-width: 110px;
}

#distributorList .distributorContent .distributorSection .distributorLogo:hover span {
    opacity: 1;
}

@media (min-width:992px) {
    footer .footerTopSection h2.footerContactText {
        /* padding: 0; */
        /* margin: 0; */
        /* top: 50%; */
        /* transform: translateY(-50%); */
    }

        footer .footerTopSection h2.footerContactText small {
        }
}

.contactInfo {
    display: inline-block;
    width: 100%;
    min-height: 50px;
    border: 1px solid #e6e6e6;
    border-right: 0;
    border-left: 0;
    padding: 40px 0 40px;
}

    .contactInfo i.fa {
        position: absolute;
        font-size: 50px;
        color: #00539d;
        opacity: 0.1;
        left: 0;
        /*top: -30px;*/
    }

    .contactInfo h2 {
        color: #00539d;
        font-size: 30px;
        padding: 20px;
    }

    .contactInfo a {
        color: #606060;
        font-size: 18px;
        line-height: 50px;
        margin-left: 40px;
        font-weight: 600;
    }

.listType {
    margin: 0;
    text-align: right;
    padding: 30px 0;
}

    .listType li {
        display: inline-block;
        margin-left: 15px;
    }

        .listType li a {
            line-height: 32px;
            color: #00539d;
            opacity: 0.25;
            transition: ease all .25s;
        }

            .listType li a .fa {
                font-size: 24px;
            }

            .listType li a.active {
                color: #00539d;
                opacity: 1;
                pointer-events: none;
            }

.pageTop .breadcrumb ol li:last-child {
    padding-right: 0
}

/*.swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
}*/

.swiper-pagination.disabled, .swiper-button-prev.disabled, .swiper-button-next.disabled {
    display: none;
}

#newsDetail .newsSlider {
    transition: ease all .2s;
    opacity: 1;
}

    #newsDetail .newsSlider.gizli {
        /*opacity: 0*/
    }

.validationText {
    position: absolute;
    line-height: 48px;
    top: 0;
    right: 0;
    width: 100%;
    text-align: right;
    padding-right: 10px;
    font-size: 12px;
    text-shadow: -2px 2px 3px #730c0c,-1px 1px 3px #730c0c,0px 0px 3px #730c0c;
    border: 2px solid #8e7a7a;
    border-radius: 4px;
    height: 100%;
    z-index: -8888;
}

#distributorList .distributorContent .distributorSection.others .distributorLogo {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.prCount {
    position: absolute;
    z-index: 2;
    background: #fff;
    color: #00539d;
    bottom: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 4px;
}

@media (max-width:767px) {
    .pageTop.contact {
        display: none
    }
}

@media (max-width:991px) {
    .liveChatIcon2 {
        top: 0;
        margin: 0;
        margin-bottom: 40px;
        max-width: 140px;
        margin-top: -20px;
    }
}




#searchResult .resultItems.gridType {
    margin: 0 -10px;
}

    #searchResult .resultItems.gridType li {
        display: inline-block;
        width: calc((100% / 5) - 14px);
        margin: 5px;
        padding: 10px;
        margin-bottom: 30px;
    }

        #searchResult .resultItems.gridType li .col-lg-3 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            padding: 0;
        }

        #searchResult .resultItems.gridType li .col-lg-9 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            padding: 0;
        }

        #searchResult .resultItems.gridType li a.resultItemImage img {
            position: relative;
            top: 0;
            max-width: 100%;
            transform: translateY(0%);
        }

        #searchResult .resultItems.gridType li .resultItemContent .resultItemName {
            font-size: 18px;
            color: #00539D;
            font-weight: bold;
            line-height: 24px;
            margin-bottom: 0;
            display: block;
            text-decoration: none;
            max-height: 54px;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

        #searchResult .resultItems.gridType li .resultItemContent .resultName {
            position: relative;
            height: 48px;
            margin: 10px 0;
            overflow: hidden;
        }

        #searchResult .resultItems.gridType li .resultItemContent .productShortDesc {
            margin-bottom: 15px;
            font-size: 14px;
        }

        #searchResult .resultItems.gridType li .resultItemContent .resultItemDetailButton {
            margin: auto;
            font-size: 14px;
            line-height: 26px;
            width: 90%;
        }

#searchResult .resultItems {
    transition: ease all .2s;
    opacity: 1;
}

    #searchResult .resultItems.gizli {
        opacity: 0
    }

.searchCategories {
    padding: 10px 20px;
    margin: 0 0px 20px;
    background: #f4f4f4;
    min-width: 720px;
}

    .searchCategories li {
        display: inline-block;
        margin-right: 30px;
    }

        .searchCategories li a {
            color: #606060;
            text-decoration: none;
            transition: ease all .25s;
        }

            .searchCategories li a span {
                font-size: 12px;
                font-weight: bold;
            }

        .searchCategories li.active a, .searchCategories li:hover a {
            color: #103F96;
            font-weight: 700;
        }

#searchResult h2 {
    font-size: 20px;
    font-weight: bold;
    color: #00539D;
    line-height: 56px;
    padding: 0 5px;
    margin-bottom: 30px;
}

.searchCategories {
    transition: ease all .1s;
    opacity: 1;
    position: relative;
    top: 0;
}

    .searchCategories.gizli {
        top: -80px;
        opacity: 0;
    }

    .searchCategories.fixed {
        position: fixed;
        top: 110px;
        width: 100%;
        z-index: 11;
        box-shadow: 0 6px 8px -4px rgba(0,0,0,0.2);
    }

@media (max-width:1199px) {
    #productSubList .productItems.gridType li {
        display: inline-block;
        width: calc((100% / 4) - 14px);
        margin: 5px;
        padding: 10px;
        margin-bottom: 30px;
    }

    #searchResult .resultItems.gridType li {
        display: inline-block;
        width: calc((100% / 4) - 14px);
        margin: 5px;
        padding: 10px;
        margin-bottom: 30px;
    }
}

@media (max-width:991px) {
    #productSubList .productItems.gridType li {
        display: inline-block;
        width: calc((100% / 3) - 14px);
        margin: 5px;
        padding: 10px;
        margin-bottom: 30px;
    }

    #searchResult .resultItems.gridType li {
        display: inline-block;
        width: calc((100% / 3) - 14px);
        margin: 5px;
        padding: 10px;
        margin-bottom: 30px;
    }
}

@media (max-width:768px) {
    #productSubList .productItems.gridType li {
        display: inline-block;
        width: calc((100% / 2) - 14px);
        margin: 5px;
        padding: 10px;
        margin-bottom: 30px;
    }

    #searchResult .resultItems.gridType li {
        display: inline-block;
        width: calc((100% / 2) - 14px);
        margin: 5px;
        padding: 10px;
        margin-bottom: 30px;
    }

    #aboutUs .aboutContent h4 {
        font-size: 16px;
    }

    #aboutUs .aboutContent h3 {
        font-size: 19px;
    }

    .searchCategories.fixed {
        position: fixed;
        top: 85px;
        width: 100%;
        z-index: 11;
        box-shadow: 0 6px 8px -4px rgba(0,0,0,0.2);
    }

    .searchCategories {
        padding-left: 5px
    }
}

.videoName {
    height: 48px;
    padding: 4px 5px;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

    .videoName p {
        margin: 0;
        line-height: 20px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }


#market .marketItems .marketItem a.marketItemDetailButton {
    line-height: 36px;
    border: #00539D 2px solid;
    width: 200px;
    display: block;
    text-align: center;
    border-radius: 20px;
    font-size: 18px;
    color: #00539D;
    font-weight: 500;
    text-decoration: none;
}

#market .marketItems .marketItem a.marketItemDetailButton {
    margin: auto;
    font-size: 14px;
    line-height: 26px;
    margin: 20px auto 0
}

    #market .marketItems .marketItem a.marketItemDetailButton:after {
        content: '';
        display: none
    }

    #market .marketItems .marketItem a.marketItemDetailButton:hover {
        background: #00539D;
        color: #fff
    }




.searchNewsList {
    padding: 0 0 50px;
}

    .searchNewsList .newsList .newsItem {
        background: #fff;
        box-shadow: 0 3px 9px rgba(0,0,0,0.2);
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 50px;
        position: relative;
    }

        .searchNewsList .newsList .newsItem .newsImage {
            position: relative;
        }

            .searchNewsList .newsList .newsItem .newsImage img {
                max-width: 100%;
            }

            .searchNewsList .newsList .newsItem .newsImage .isVideoShow {
                position: absolute;
                width: 80px;
                height: 80px;
                left: 0;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                background-image: url(/assets/img/videoBtn.png);
                margin: auto;
                background-size: cover;
                opacity: 0;
            }

        .searchNewsList .newsList .newsItem.isVideo .newsImage .isVideoShow {
            opacity: 1;
        }

        .searchNewsList .newsList .newsItem .newsContent {
            padding: 15px 20px;
        }

            .searchNewsList .newsList .newsItem .newsContent .newsDate {
                color: #103F96;
                font-size: 13px;
                margin-bottom: 12px;
                display: block;
            }

            .searchNewsList .newsList .newsItem .newsContent .newsTitle {
                display: block;
                font-size: 15px;
                color: #00539D;
                font-weight: 400;
                line-height: 24px;
                height: 48px;
                max-width: 95%;
            }

            .searchNewsList .newsList .newsItem .newsContent .newsDesc {
                margin: 16px 0 10px;
                height: 72px;
                font-size: 14px;
                color: #505050;
                overflow: hidden;
                line-height: 24px;
            }

                .searchNewsList .newsList .newsItem .newsContent .newsDesc p {
                    margin-bottom: 0;
                }

        .searchNewsList .newsList .newsItem .newsDetailButton {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,83,157,0.85);
            display: block;
            top: 0;
            border-radius: 6px;
            text-align: center;
            pointer-events: none;
            opacity: 0;
            transition: ease all .5s;
        }

        .searchNewsList .newsList .newsItem:hover .newsDetailButton {
            opacity: 1;
            pointer-events: all;
        }

        .searchNewsList .newsList .newsItem .newsDetailButton span {
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            line-height: 36px;
            border: 2px solid;
            display: inline-block;
            border-radius: 20px;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            margin: auto;
            max-width: 200px;
        }

    .searchNewsList .allNewsButton {
        height: 40px;
        border: 2px solid #00539D;
        display: block;
        right: 0;
        border-radius: 20px;
        box-shadow: 0 1px 17px rgba(0,0,0,0.2);
        background: #f4f4f4;
        margin: 20px auto;
        text-decoration: none;
        width: 200px;
        text-align: center;
        line-height: 36px;
        font-size: 18px;
        color: #00539d;
        font-weight: 500;
    }

    .searchNewsList .newsTitleButtons {
        margin-bottom: 30px;
    }

        .searchNewsList .newsTitleButtons li {
            display: inline-block;
            margin-right: 48px;
        }

            .searchNewsList .newsTitleButtons li h2 {
                font-size: 24px;
                line-height: 56px;
                font-weight: 400;
                color: #00539D;
                position: relative;
                padding-bottom: 10px;
                margin-bottom: 20px;
            }

                .searchNewsList .newsTitleButtons li h2:after {
                    content: '';
                    width: 165px;
                    height: 5px;
                    bottom: 0;
                    background: #00539D;
                    position: absolute;
                    left: 0;
                }

            .searchNewsList .newsTitleButtons li h2 {
                line-height: 60px;
                margin-bottom: 0;
                color: #C6C6C6;
                font-size: 20px;
                font-weight: 400;
                text-decoration: none;
            }

            .searchNewsList .newsTitleButtons li a {
                font-size: 20px
            }

            .searchNewsList .newsTitleButtons li h2:after {
                content: '';
                width: 165px;
                height: 5px;
                bottom: 0;
                background: #00539D;
                position: absolute;
                left: 0;
                display: none
            }

            .searchNewsList .newsTitleButtons li.active {
                margin-bottom: 0;
                /*float: left;*/
                padding-top: 0;
                margin-right: 30px;
            }

                .searchNewsList .newsTitleButtons li.active h2 {
                    font-size: 17px;
                    line-height: 56px;
                    font-weight: 500;
                    color: #00539D;
                    position: relative;
                    padding-bottom: 10px;
                    margin-bottom: 20px;
                }

                .searchNewsList .newsTitleButtons li.active a {
                    font-size: 20px
                }

                .searchNewsList .newsTitleButtons li.active h2:after {
                    height: 5px;
                    bottom: 0;
                    width: 100%;
                    max-width: 100px;
                    display: block;
                }

            .searchNewsList .newsTitleButtons li a {
                color: #C6C6C6;
                font-size: 20px;
                font-weight: 400;
                text-decoration: none;
                display: inline-block;
            }

    .searchNewsList .newsFilterWrap {
        background: #EBEBEB;
        margin-bottom: 30px;
    }

        .searchNewsList .newsFilterWrap .newsFilter {
            padding: 30px 0;
        }

            .searchNewsList .newsFilterWrap .newsFilter .form-group {
                margin-bottom: 0;
            }

                .searchNewsList .newsFilterWrap .newsFilter .form-group label {
                    display: block;
                    font-size: 14px;
                    color: #7C7C7C;
                }

                .searchNewsList .newsFilterWrap .newsFilter .form-group select {
                    width: 100%;
                    line-height: 50px;
                    display: block;
                    height: 50px;
                    padding: 0 12px;
                    font-size: 14px;
                    color: #505050;
                    border-radius: 4px;
                    border-color: #00539D;
                    background: transparent;
                }

                .searchNewsList .newsFilterWrap .newsFilter .form-group input {
                    width: 100%;
                    line-height: 50px;
                    display: block;
                    height: 50px;
                    padding: 0 12px;
                    font-size: 14px;
                    color: #505050;
                    border-radius: 4px;
                    border-color: #00539D;
                    background: transparent;
                }

            .searchNewsList .newsFilterWrap .newsFilter .applyButton {
                display: block;
                line-height: 50px;
                background: #00539D;
                font-size: 18px;
                font-weight: 400;
                color: #fff;
                text-align: center;
                /*                margin-top: 30px;*/
                border-radius: 4px;
            }

            .searchNewsList .newsFilterWrap .newsFilter .clearButton {
                display: block;
                line-height: 46px;
                background: transparent;
                font-size: 18px;
                font-weight: 400;
                color: #00539D;
                text-align: center;
                /*                margin-top: 30px;*/
                border-radius: 4px;
                border: 2px solid #00539D;
            }

                .searchNewsList .newsFilterWrap .newsFilter .clearButton .fa {
                    font-weight: 400;
                    margin-left: 3px;
                }

.searchCatalogList {
    padding: 50px 0;
}

    .searchCatalogList .catalogContent {
    }



        .searchCatalogList .catalogContent .catalogSection {
            padding-bottom: 20px;
            margin-bottom: 0px;
            border-bottom: 1px solid #E0E0E0;
        }

            .searchCatalogList .catalogContent .catalogSection h2 {
                font-size: 20px;
                font-weight: bold;
                color: #00539D;
                line-height: 56px;
                padding: 0 10px;
                margin-bottom: 0px;
            }

            .searchCatalogList .catalogContent .catalogSection .catalogImage {
                display: block;
                margin-top: 10px;
            }

                .searchCatalogList .catalogContent .catalogSection .catalogImage img {
                    /* max-height: 41px; */
                    width: 100%;
                }

            .searchCatalogList .catalogContent .catalogSection .catalogName {
                font-size: 16px;
                color: #000;
                padding: 4px 10px;
                display: block;
                background: #005eb8;
                color: white;
                text-align: center;
                height: 48px;
            }

                .searchCatalogList .catalogContent .catalogSection .catalogName p {
                    margin: 0;
                    line-height: 20px;
                    font-size: 15px;
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                }

.searchVideoList {
    padding: 50px 0;
}

    .searchVideoList .videoContent {
    }



        .searchVideoList .videoContent .videoSection {
            padding-bottom: 50px;
            margin-bottom: 50px;
            border-bottom: 1px solid #E0E0E0;
        }

            .searchVideoList .videoContent .videoSection h2 {
                font-size: 20px;
                font-weight: bold;
                color: #00539D;
                line-height: 56px;
                padding: 0 10px;
                margin-bottom: 30px;
            }

            .searchVideoList .videoContent .videoSection .videoImage {
                display: block;
                margin-bottom: 0;
                position: relative;
            }

                .searchVideoList .videoContent .videoSection .videoImage:after {
                    content: '';
                    transition: ease all .25s;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                    background: rgba(0,0,0,0.5);
                    opacity: 0;
                    z-index: 1;
                }

                .searchVideoList .videoContent .videoSection .videoImage:hover::after {
                    opacity: 1;
                }

                .searchVideoList .videoContent .videoSection .videoImage .fa {
                    position: absolute;
                    text-align: center;
                    font-size: 70px;
                    color: #fff;
                    line-height: 100%;
                    top: 50%;
                    transform: translateY(-50%);
                    left: 0;
                    right: 0;
                    opacity: 0.5;
                    z-index: 2;
                    transition: ease all .25s;
                }

                .searchVideoList .videoContent .videoSection .videoImage:hover .fa {
                    opacity: 1
                }

                .searchVideoList .videoContent .videoSection .videoImage img {
                    /* max-height: 41px; */
                    width: 100%;
                }

            .searchVideoList .videoContent .videoSection .videoName {
                font-size: 16px;
                color: #000;
                /* padding: 0 10px; */
                display: block;
                background: #005eb8;
                color: #fff;
                height: 48px;
                overflow: hidden;
                position: relative;
            }

                .searchVideoList .videoContent .videoSection .videoName span {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    display: block;
                    padding: 0 10px;
                }



.searchProductMainList {
    padding: 30px 0 0;
}

    .searchProductMainList .productSearch {
        text-align: center;
    }

        .searchProductMainList .productSearch h2 {
            line-height: 86px;
            font-weight: 400;
            font-size: 30px;
            color: #00539D;
        }

        .searchProductMainList.productSearch .searchForm {
            position: relative;
            width: 100%;
        }

            .searchProductMainList .productSearch .searchForm input {
                border: 2px solid #00539D;
                padding: 0 15px;
                width: 100%;
                line-height: 52px;
                border-radius: 30px;
                outline: none;
            }

            .searchProductMainList .productSearch .searchForm .productSearchButton {
                background-image: url(/assets/img/searchIconWhite.png);
                width: 40px;
                height: 40px;
                position: absolute;
                right: 8px;
                background-color: #00539D;
                background-repeat: no-repeat;
                background-position: center;
                border-radius: 30px;
                top: 8px;
                box-shadow: 0 6px 9px rgba(0,0,0,0.2);
            }

    .searchProductMainList .productTopDesc {
        font-size: 27px;
        color: #00539D;
        line-height: 32px;
        margin-top: 60px;
        display: block;
    }

    .searchProductMainList .productItems {
        margin: 100px 0 50px;
    }

        .searchProductMainList .productItems .productItem {
            position: relative;
            display: inline-block;
            margin-bottom: 24px;
            border-radius: 8px;
            overflow: hidden;
        }

            .searchProductMainList .productItems .productItem::after {
                content: '';
                background: rgb(0,0,0);
                background: linear-gradient(0deg, #05193b 0%, #05193B00 95%);
                position: absolute;
                width: 100%;
                height: 70%;
                bottom: 0;
                z-index: 1;
                left: 0;
            }

            .searchProductMainList .productItems .productItem::before {
                content: '';
                background: rgb(0,0,0);
                background: linear-gradient(180deg, #05193b 0%, #05193B00 95%);
                position: absolute;
                width: 100%;
                height: 50%;
                opacity: 0;
            }

            .searchProductMainList .productItems .productItem .title {
                color: #fff;
                position: absolute;
                padding: 15px;
                font-size: 18px;
                z-index: 2;
                bottom: 0px;
                font-weight: 400;
                line-height: 1.4;
                padding-right: 40px;
            }

            .searchProductMainList .productItems .productItem .overlay {
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 1;
                background: #00539D;
                left: 0;
                opacity: 0;
                transition: ease all .5s
            }

            .searchProductMainList .productItems .productItem:hover .overlay {
                opacity: 0.88;
            }

            .searchProductMainList .productItems .productItem img {
                width: 100%;
            }

        .searchProductMainList .productItems .serviceItem img {
        }

.newLabel {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 0 12px;
    font-size: 13px;
    background: #00539d;
    display: inline-block;
    color: #fff;
    line-height: 24px;
}

#aboutUs .aboutContent .aboutVideoGallery {
    width: 50%;
    float: left;
    max-width: 480px;
    margin-right: 30px;
    margin-bottom: 20px;
}

@media (max-width:992px) {
    #aboutUs .aboutContent .aboutVideoGallery {
        float: none;
        margin: 0 auto 30px;
        width: 75%;
    }
}

.socialMediaFooter {
    text-align: right;
    margin-bottom: 0;
    position: relative;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    margin-bottom: 0px;
    margin-top: 5px;
}

    .socialMediaFooter li {
        display: inline-block;
        margin-left: 7px;
    }

        .socialMediaFooter li a {
            font-size: 15px;
            width: 30px;
            line-height: 30px;
            text-align: center;
            display: block;
            border: 1px solid #fff;
            border-radius: 20px;
            opacity: 0.5;
            transition: ease all .25s;
            color: #fff;
        }

            .socialMediaFooter li a:hover {
                opacity: 1;
            }


#ContentPlaceHolder1_RegularExpressionValidator1 {
    display: block;
    margin-top: -20px;
}

header .headerContent .container {
    position: relative;
}

@media (max-width:1199.98px) {
    header .headerContent .container {
        position: initial;
    }

    header .headerContent .megaMenu {
    }

        header .headerContent .megaMenu h2 {
            font-size: 15px;
            letter-spacing: -0.3px;
        }

            header .headerContent .megaMenu h2 a {
            }

                header .headerContent .megaMenu h2 a.megaMenuSubToggle {
                }

        header .headerContent .megaMenu .megaMenuSubList {
            padding-left: 10px;
        }

            header .headerContent .megaMenu .megaMenuSubList li {
                margin: 3px 0;
            }

                header .headerContent .megaMenu .megaMenuSubList li a {
                    font-size: 13px;
                    display: block;
                    letter-spacing: -0.5px;
                }

        header .headerContent .megaMenu .searchByApplicationButton {
            font-size: 17px;
        }

        header .headerContent .megaMenu .megaMenuItem {
        }

        header .headerContent .megaMenu .megaMenuItemCols {
            max-height: 420px;
            column-count: 2;
            column-gap: 2.5%;
            column-width: 33.33%;
        }
}

@media (max-width:991.98px) {
    .subMenuClose, header .headerContent .megaMenu .megaMenuSubList li a.subMenuClose2 {
        display: inline-block;
        line-height: 50px;
        background: rgba(255,255,255,0.1);
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        padding: 0 30px;
        position: relative;
        left: 0px;
    }

        .subMenuClose:hover, header .headerContent .megaMenu .megaMenuSubList li a.subMenuClose2:hover {
            color: #fff
        }

        .subMenuClose i, header .headerContent .megaMenu .megaMenuSubList li a.subMenuClose2 i {
            margin-right: 10px;
            font-size: 21px;
            line-height: 50px;
            display: inline-block;
            float: left;
        }

        .subMenuClose span, header .headerContent .megaMenu .megaMenuSubList li a.subMenuClose2 span {
            display: inline-block;
            line-height: 48px;
            float: left;
        }

    header .headerContent .megaMenu {
        z-index: 111;
        width: 100%;
        top: 88px;
        padding: 15px 30px;
        background: #00539d;
        height: calc(100vh - 88px);
        overflow-x: auto;
        display: block;
        left: 100%;
        transition: ease all .25s;
    }

        header .headerContent .megaMenu .megaMenuItem:last-child h2 {
            border-bottom: 0
        }

        header .headerContent .megaMenu.show {
            left: 0;
        }

        header .headerContent .megaMenu h2 {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 40px;
            border-bottom: 1px solid rgb(255 255 255 / 10%);
            padding: 6px 0;
        }

            header .headerContent .megaMenu h2 a {
                color: #fff;
            }

                header .headerContent .megaMenu h2 a.megaMenuSubToggle {
                    position: absolute;
                    right: 0px;
                    font-size: 25px;
                    width: 40px;
                    text-align: center;
                    background: rgba(255,255,255,0.1);
                    height: 40px;
                    line-height: 40px;
                }

        header .headerContent .megaMenu .megaMenuItem.hide h2 a.megaMenuSubToggle {
            display: none;
        }

        header .headerContent .megaMenu .megaMenuSubList {
            padding-left: 15px;
            padding: 0px 15px;
            overflow: hidden;
            transition: ease all .25s;
            position: absolute;
            width: calc(100% + 30px);
            height: 100%;
            background: #00539d;
            top: 0;
            left: calc(100% + 30px);
            z-index: 1;
            margin: 0 -15px;
        }

            header .headerContent .megaMenu .megaMenuSubList.show {
                left: 0
            }

            header .headerContent .megaMenu .megaMenuSubList li {
                margin: 0;
                border-bottom: 1px solid rgba(255,255,255,0.1);
            }

                header .headerContent .megaMenu .megaMenuSubList li a {
                    font-size: 16px;
                    display: block;
                    letter-spacing: 0;
                    color: #fff;
                    line-height: 30px;
                    /* border-bottom: 1px solid rgba(255,255,255,0.1); */
                    margin: 10px 0;
                }

                header .headerContent .megaMenu .megaMenuSubList li:last-child {
                    border-bottom: 0
                }

        header .headerContent .megaMenu .searchByApplicationButton {
            font-size: 17px;
            margin: 30px 0;
            max-width: 240px;
        }

        header .headerContent .megaMenu .megaMenuItem {
            display: block;
        }

        header .headerContent .megaMenu .megaMenuItemCols {
            max-height: none;
            column-count: auto;
            column-gap: normal;
            column-width: auto;
            position: relative;
            /* padding: 0px 80px; */
            /* width: calc(100% - 0px); */
            /* left: -35px; */
        }
}

@media(max-width:576.98px) {
    header .headerContent .megaMenu .megaMenuItemCols {
        padding: 0px 0px;
    }

    header .headerContent .megaMenu h2 a {
        font-size: 17px
    }

    .d-xs-none {
        display: none !important;
    }
}

@media(max-width:360px) {

    header .headerContent .megaMenu h2 a:first-child {
        font-size: 16px;
        max-width: 230px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    header .headerContent .megaMenu h2 {
        height: 54px
    }
    /*header .headerContent .megaMenu .megaMenuSubList {padding:0}*/
}