body {
    background: #ffffff;
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

.main_body {
    /*background-size:cover;
    background-attachment:fixed;
    background-image:url('/Images/wh-bg.jpg');*/
}

.scrTop {
    background-color: #ec6161;
    width: 40px;
    height: 40px;
    line-height: 18px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    position: fixed;
    right: 30px;
    bottom: 20px;
    border-radius: 100%;
    opacity: 0.7;
    z-index: 999999;
    transition: background-color 0.5s;
}

    .scrTop:hover {
        background-color: #ff0000;
        outline: none;
    }

    .scrTop i {
        margin-top: -5px;
        color: #fff;
    }

a {
    color: #0f61da;
}

    a:hover {
        text-decoration: none;
    }

.content {
    background-color: rgba(255, 255, 255, 0.9);
}

.white_content {
    width: 100%;
    overflow-y: hidden;
    overflow: hidden;
    padding: 10px;
    background: #fff;
}

.top1 {
    padding: 0px;
    padding-top: 5px;
    margin: 0px auto;
}

    .top1 > div {
        padding: 0px;
    }

.head_top {
    background-color: transparent;
}

.logo {
    float: left;
}

    .logo img {
        width: 18em;
        height: 5em;
        object-fit: cover;
    }

.menu_top {
    margin: 5px;
    padding: 0px;
    list-style: none;
    display: inline-block;
}

    .menu_top li {
        float: left;
        padding: 0px;
        transition: border-color 0.2s;
    }

        .menu_top li:hover {
            border-bottom-color: #333 !important;
        }

        .menu_top li a {
            color: #000;
            padding: 0px 12px;
            text-decoration: none;
            font-weight: bold;
        }

            .menu_top li a:hover {
                color: #0f61da;
            }

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.four {
    padding: 20px 0px;
    background-size: cover;
    vertical-align: middle;
    text-align: center;
    background-color: #f3f3f3;
    display: inline-block;
}

    .four .item {
        /*padding: 2em 3em 0;*/
        clear: both;
        display: block;
    }

    .four img {
        height: 14em;
        object-fit: contain;
        width: 100%;
        vertical-align: middle;
    }

.item:hover .img-holder {
    opacity: .4;
}

.four .img-holder {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2em;
    float: right;
}

.four h2 {
    color: #222;
    font-family: 'Roboto';
    font-size: 2.0em;
    line-height: 1.2em;
    min-height: 3em;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    text-align: left;
}

.four h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    color: #757474;
}

.link_four {
    padding: 5px;
    font-weight: bold;
    color: #fa0606 !important;
    font-size: 13px !important;
}

    .link_four:hover {
        text-decoration: none;
    }

.item_four {
    padding: 10px;
    margin-top: 10px;
    font-size: 12px;
    margin-bottom: 10px;
    transition: opacity 2s;
    min-height: 380px;
    background-color: rgba(171, 169, 162, 0.4);
    border-top: solid 15px #69bbd7;
    border-bottom: solid 15px #69bbd7;
}

.item_four_img {
    height: 75px;
    margin: 0px auto;
    background-color: #fff;
}

.item_four:last-child {
    border-right: none;
}

.item_four div {
    text-align: center;
}

.item_four a {
    text-decoration: none;
    display: inline-block;
}

.item_four_content {
    height: 150px;
    color: #1d1b1b;
    padding-top: 10px;
    overflow: hidden;
}

    .item_four_content p {
        text-align: justify;
    }

.team-wrap {
    padding: 10px;
}

.change {
    opacity: .2;
    /*transition: opacity 1s;*/
}

.five {
    padding: 20px 0px;
    background-size: cover;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
}

    .five h3 {
        color: #00529b;
        position: relative;
        display: inline-block;
        font-weight: bold;
        line-height: 1.1;
        text-transform: uppercase;
    }

    .five .single-item {
        position: relative;
        display: block;
    }

    .five .col-md-3 {
        padding: 10px;
    }

        .five .col-md-3 h3 {
            font-size: 25px;
            margin-left: -5px;
            color: #0f61da;
        }

    .five div {
        text-align: center;
    }

    .five h4 {
        text-align: left;
        color: #0f61da;
        padding: 7px 5px;
    }

.head_h3 {
    color: #f1464f;
    font-size: 20px;
    padding: 0px 10px;
}

.title_news {
    color: #0f61da;
    font-size: 16px;
}

    .title_news a {
        color: unset;
    }

.five_icon {
    width: 70px;
    height: 70px;
}

.five_one {
    background-color: #fff;
    padding: 20px;
    margin: 10px;
    border: solid 2px #ffb500;
    transition: border-color 0.5s all;
}

    .five_one:hover {
        border-color: #c0d5f4;
    }

    .five_one img {
        max-width: 50px;
        max-height: 50px;
    }

.five_title {
    color: #545353;
    font-size: 14px;
    text-align: center;
}

.five_content {
    color: #545353;
    font-size: 13px;
    min-height: 70px;
}

.five_move a {
    color: #0f61da;
    font-size: 18px;
    text-decoration: none;
}

    .five_move a i {
        font-size: 14px;
    }

.arrow-left {
    cursor: pointer;
    width: 2em;
    height: 2em;
    object-fit: contain;
    position: absolute;
    top: -2.5em;
    left: 20em;
}

.arrow-right {
    cursor: pointer;
    width: 2em;
    height: 2em;
    object-fit: contain;
    position: absolute;
    top: -2.5em;
    right: 20em;
}

.six {
    padding: 0;
    background-size: cover;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background: #f3d03e;
    padding: 3em 0 0;
}

    .six .display-info {
        top: 2em;
        text-align: center;
        z-index: 2;
        position: relative;
        padding: 4em 3em;
    }

        .six .display-info img {
            height: 6em;
            object-fit: contain;
        }

    .six h2 {
        color: #fff;
        font-size: 2em;
        text-transform: uppercase;
    }

    .six h3 {
        color: #00529b;
        font-size: 1em;
        text-transform: uppercase;
        font-weight: 600;
    }

    .six .hidden-info {
        display: none;
        background: #f8e38a;
        position: absolute;
        top: 0;
        padding: 4em 3em;
        height: 100%;
        width: 100%;
        opacity: .8;
        z-index: 5;
        text-align: center;
    }

        .six .hidden-info p {
            color: #333;
            font-size: .9em;
            line-height: 1.2em;
        }

    .six .inline-holder {
        padding: 0px;
    }

        .six .inline-holder:hover .hidden-info {
            display: block;
        }

        .six .inline-holder:hover .text-holder {
            display: none;
        }

    .six .ps-signle-fact-wrap {
        padding-bottom: 20px;
    }

    .six .ps-fact-icon {
        width: 60px;
        height: 60px;
        background-color: #2178be;
        font-size: 35px;
        text-align: center;
        position: relative;
        float: left;
        margin-right: 20px;
    }

        .six .ps-fact-icon:after {
            content: '';
            position: absolute;
            top: 50%;
            right: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px;
            border-color: transparent transparent transparent #2178be;
            margin-right: -20px;
            margin-top: -10px;
        }

        .six .ps-fact-icon i {
            line-height: 60px;
            display: block;
        }

    .six .ps-fact-details {
        float: left;
        text-align: left;
    }

    .six .ps-fact-number {
        font-weight: 700;
        font-size: 40px;
        line-height: 1;
    }

    .six .ps-fact-title {
        font-weight: 400;
        font-size: 12px;
        margin: 5px 0;
        line-height: 1.2;
        color: #fff;
    }


.news_images {
    box-sizing: inherit;
    visibility: visible;
    overflow: hidden;
    width: 100%;
    height: 280px;
    animation-duration: 0.7s;
    animation-name: zoomIn;
    text-transform: none;
}

    .news_images a {
    }

    .news_images img {
        display: block;
        width: 100%;
        overflow: hidden;
        transition: transform .5s;
        max-width: 100%;
        height: 100%;
    }

        .news_images img:hover {
            -ms-transform: scale(1.2); /*IE 9*/
            -webkit-transform: scale(1.2); /*Safari 3-8*/
            transform: scale(1.2);
        }

.news_link {
    text-decoration: none;
    color: #000000;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    padding: 23px 0px;
    display: inline-block;
    text-align: justify;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    height: 70px;
}

.footer {
    color: #eee;
    min-height: 100px;
    padding: 20px 0px;
    background-color: #00529b;
}

    .footer h3 {
        margin: 0 0 .5em;
        font-size: 1.2em;
        color: #fff;
    }

.footer_logo {
    width: auto;
    height: 50px;
    margin-top: -40px;
    display: none;
}

.footer_list {
    padding: 0px;
    list-style: none;
    display: inline-grid;
}

    .footer_list li {
        padding: 5px 0px;
        float: left;
        width: 100%;
    }

        .footer_list li a {
            color: #eee;
            text-decoration: none;
            transition: color .2s;
        }

            .footer_list li a:hover {
                cursor: pointer;
                color: #f89221;
                text-decoration: none;
            }

.title_list_footer {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 15px;
    padding-top: 20px;
}

.menu_me {
    padding: 0px;
}

.navbar-default {
    padding: 0px;
    display: inline-block;
    background-color: transparent;
}

#menu-main-menu-1 {
    display: inline-block;
}

    #menu-main-menu-1 li a {
        color: #8c8a8a;
        font-size: 13px;
        font-weight: bold;
        padding: 2px 5px;
        text-transform: uppercase;
        margin-right: 15px;
        font-weight: 500;
        font-size: 1.0em;
        text-transform: uppercase;
        line-height: 25px;
        border-bottom: solid 1px #fff;
    }

        #menu-main-menu-1 li a i {
            color: #fff;
            padding: 0px 2px;
            padding: 0px;
            border: none;
        }

    #menu-main-menu-1 > li > a:hover {
        color: #003087 !important;
        border-bottom: 1px solid #f89221;
    }

    #menu-main-menu-1 li:hover ul {
        height: auto;
        display: block;
        opacity: 1;
        padding: 5px;
        box-shadow: 0 0 18px 0px rgba(0,0,0,.13);
        border-bottom: 1px solid rgba(0,0,0,.1);
        border: none;
        border-radius: 0;
    }

.dropdown-menu li {
    border-bottom: solid 1px #fff;
    transition: background-color 0.2s;
    text-align: left;
}

    .dropdown-menu li:hover {
        border-bottom: 1px solid #f89221;
    }

    .dropdown-menu li a {
        /*border-bottom: solid 1px #fff;*/
        color: #333;
        padding: 5px !important;
        font-size: 12px;
    }

        .dropdown-menu li a:hover {
            color: #003087 !important;
            background-color: transparent;
        }

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
        visibility: hidden;
    }

    .dropdown-submenu:hover > ul {
        visibility: inherit;
    }

.affix-top {
    opacity: 1;
    /*position: absolute;*/
    z-index: 10;
    width: 100%;
}

.affix {
    position: fixed;
    top: 0px;
    z-index: 999 !important;
    left: 0px;
    right: 0px;
    box-shadow: 0 0 18px 0px rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    background-color: #fff;
}

.about div {
    text-align: center;
}

.about > div {
    margin: 10px auto;
    padding: 20px;
}

.about a {
    text-decoration: none;
}

.about {
    padding: 25px 0px;
}

.icon_more {
    border-radius: 15px;
    background-color: #0f61da;
    padding: 3px;
    padding-top: 2px;
    color: #fff;
    font-size: 10px;
}

.content_news {
    height: 190px;
    overflow: hidden;
    padding: 10px;
}

.border_right {
    padding: 10px 10px;
}

    .border_right a {
        color: red;
    }

    .border_right:last-child {
        border-right: none;
    }

.library {
    min-height: 160px;
    padding: 0px;
}

.item_library_home {
    width: 48px;
    height: 48px;
    margin: 3px;
    box-shadow: 1px 1px 1px 1px #eee;
}
/*.item_pro{
    width:100px;
    height:auto;
    overflow:hidden;
}*/
.item_pro img {
    width: 100%;
    height: auto;
}

.slick-center {
    filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
}

.bx-wrapper {
    border: none !important;
}

.bx-controls-direction {
    display: none;
}

.bx-wrapper .bx-pager {
    position: relative !important;
    margin-top: -100px !important;
}

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #fff !important;
    }

        .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
            background: rgb(102, 102, 102) !important;
        }

.item_banner {
    width: 40px;
    height: 40px;
    opacity: 0.9;
}

.title_mobile {
    position: absolute;
    margin-top: 10px;
    padding-left: 5px;
    color: #fff;
    overflow: hidden;
    height: 25px;
}

    .title_mobile img {
        height: -webkit-fill-available;
    }

.popup {
    display: none;
    position: absolute;
    width: 100px;
    list-style: none;
    padding: 0px;
    border: solid 1px #eee;
    background-color: #fff;
    margin-left: 9px;
    margin-top: 7px;
    transition: all .1s ease-in-out;
    z-index: 10;
}

.pupup_active {
    display: inherit;
}

.popup li {
    transition: all .1s ease-in-out;
    width: 100%;
}

    .popup li:hover {
        background-color: #eee;
    }

    .popup li a {
        padding: 5px 7px;
    }
/*slide part*/
.title_slide {
    top: 35%;
    text-align: left;
    left: 25px;
    width: 100%;
    position: absolute;
}

.title_first {
    padding: 15px;
    font-size: 30px;
    text-transform: uppercase;
    color: rgb(243, 208, 62);
    font-weight: bold;
    text-shadow: 0.03em 0.03em #f89221;
}

.title_second {
    margin-top: 60px;
    padding: 0px 15px;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-weight: bold;
    /*color: rgb(255, 255, 255);*/
    color: rgb(243, 208, 62);
    text-shadow: rgb(0, 0, 6) 0px 2px 2px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px; 
}

.button_first {
    left: 46%;
    margin-top: 30ch;
    width: auto;
    padding: 6px 12px;
    color: #fff;
    letter-spacing: -1px;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    background-color: #f89221;
    border: solid 1px #f89221;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .button_first:hover {
        background-color: #fff;
        color: #f89221;
    }

.title_link {
    /*margin-top: 10ch;*/
    padding: 0px;
    font-size: 15px;
    max-height: 140px;
    overflow: hidden;
}

.list_pro {
    width: 140px;
    display: inline-block;
    top: 0px;
}

    .list_pro img {
        width: 100%;
        height: 100%;
    }

.list_pro_center {
    width: 280px;
    height: 200px;
}

.list_part {
    width: 140px;
    display: inline-block;
    top: 0px;
}

    .list_part img {
        width: 100%;
        height: 100%;
    }

.nav_pro {
    width: 5%;
    /* height: 101%; */
    top: 50%;
    /*position: absolute;*/
    bottom: 50%;
    display: inline-block;
}

    .nav_pro img {
        cursor: pointer;
    }

.head_right {
    display: inline-block;
    float: right;
    margin-top: 28px;
}

    .head_right ul {
        list-style: none;
        display: inline-block;
        padding: 0px 5px;
        margin-top: -3px;
    }

        .head_right ul li {
            float: left;
            padding: 10px 2px;
        }

            .head_right ul li a {
                padding-top: 2px;
                display: inline-block;
            }

    .head_right .ps-search-icon {
        position: absolute;
    }

        .head_right .ps-search-icon:before {
            content: '\f002';
            position: absolute;
            right: 0;
            font-size: 13px;
            font-family: 'FontAwesome';
            color: #e23815;
            width: 25px;
            height: 25px;
            text-align: center;
            background-color: #fff;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            line-height: 25px;
            cursor: pointer;
        }

.title_head {
    margin-top: 0px;
    height: 35px;
    padding: 7px;
    background: rgb(105, 187, 215);
}

.title_pro {
    color: #fff;
    height: 18px;
    padding-top: 3px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}

.code_pro {
    color: #0f61da;
    font-size: 11px;
    text-transform: uppercase;
}

.pro_hidden {
    display: none;
}
/*slide part*/
.ug-theme-panel {
    width: 100% !important;
}

.ug-slider-wrapper {
    width: 100% !important;
}

.nav_bg {
    display: inline-block;
    /*background-image: url(/Images/arrow_left.png);*/
    height: 280px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px;
    cursor: pointer;
}

.img_pro {
    max-height: 400px;
    overflow: hidden;
}

    .img_pro img {
        width: 100%;
    }

.title_main_pro {
    color: #f1464f;
    font-size: 20px;
    font-weight: bold;
}

.title_main_pro_cod {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0px 5px;
}

.content_main_pro {
    padding: 10px;
    text-align: left;
    padding-left: 0px;
    min-height: 50ch;
}


.img_pro_same {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

    .img_pro_same img {
        display: block;
        width: inherit !important;
        height: 90%;
        margin: 0px auto;
        transition: 0.5s;
    }
/*.img_pro_same:hover img{
    transform: scale(1.05);   
}*/
.title_pro_same {
    color: #eee;
    text-align: center;
    height: 40px;
    overflow: hidden;
}

    .title_pro_same a {
        text-decoration: none;
    }

.item_pro_same {
    border: solid 1px #fcfafa;
    margin: 10px 0px;
}


.owl-dots {
    display: none;
    visibility: hidden;
}

.owl-stage {
    right: 10px;
}

.title_top {
    padding: .5em 0;
    background: #fafafa;
}

    .title_top ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: inline-block;
    }

        .title_top ul li {
            float: left;
        }

            .title_top ul li a {
                text-transform: uppercase;
                color: #337ab7;
                text-decoration: none;
            }

            .title_top ul li span {
                color: #666;
                text-transform: uppercase;
            }

.pathway {
    text-decoration: none;
    color: #2178be;
}

    .pathway:hover {
        text-decoration: none;
        color: #0d5c9c;
    }

    .pathway:before {
        padding: 0 5px;
        color: #2178be;
        /*content: "/\00a0";*/
        content: ">";
    }

.item_footer_pro {
    padding: 4px 0px;
}

.footer a {
    color: #eee;
}

    .footer a:hover {
        text-decoration: underline;
        color: #ddd;
    }

.item_service {
    padding: 10px;
    border: solid 2px #eee;
    margin-top: 20px;
}

.resp-tab-content {
    border: none !important;
    width: 100%;
    min-height: 360px;
}

.content_product {
    margin-top: 30px;
    font-size: 12px;
    /*padding-left:10px !important;*/
}

    .content_product:before {
        content: "";
        position: absolute;
        left: 0;
        width: 20px;
        top: 0;
        bottom: 0;
        border: 1px solid #b9e1eb;
        border-right: none;
    }

.pagebreak {
    text-align: right;
    display: inline-block;
    border: none !important;
}
.pagination {
    display: table;
    margin: 20px auto;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #2382ce;
    border-color: #2382ce;
    color: #fff !important;
    border-radius: 20px !important;
    margin-right: 5px;
}

.pagination > li > a, .pagination > li > span {
    border-radius: 20px !important;
    margin-right: 5px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 20px !important;
}

.item_news {
    padding: 0px;
}

    .item_news img {
        float: left;
        width: 80%;
        height: auto;
        max-height: 500px;
        margin-right: 10px;
        border: solid 1px #b7b4b4;
    }

    .item_news h4 {
        color: #000;
    }

        .item_news h4 a {
            color: #000;
        }

            .item_news h4 a:hover {
                color: #0f61da;
            }

.item_product {
    padding: 10px;
    text-align: center;
}

    .item_product a {
        text-decoration: none;
        color: #31b049;
    }
/*.item:hover .overlay{
    height: 12%;
}*/
.product {
    height: 250px;
    margin-bottom: 15px;
    position: relative;
    border: 1px solid #5aaac7;
    background-color: #fff;
    background: linear-gradient(rgba(255, 255, 255, 0.1), rgb(251, 250, 250));
}

    .product > img {
        height: 210px;
    }

.btn_holder {
    top: 40%;
    left: 35%;
    position: absolute;
}

    .btn_holder a :hover {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        background-color: #fff;
        border-color: #fff !important;
        color: #e23815;
    }

    .btn_holder a {
        top: 40%;
        left: 50%;
        width: 38px;
        height: 39px;
        margin-top: -19px;
        background-color: #f8051c;
        color: #ffffff;
        /* border: 2px solid #f8051c; */
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        display: inline-block;
        text-align: center;
        /* opacity: 0; */
        transition: background-color 1s;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
    }

        .btn_holder a i {
            padding: 12px;
        }

.overlay {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    background-color: rgba(97,37,37,0.4);
    overflow: hidden;
    width: 96%;
    height: 58%;
    transition: .2s ease;
    margin: auto;
}

.product a {
    text-decoration: none;
    color: #fff;
    text-align: center;
}

.img {
    border: solid 2px #eee;
    width: 100%;
    height: 248px;
    overflow: hidden;
    padding: 10px;
}

    .img img {
        min-width: 100%;
        max-width: unset !important;
        height: 200px;
        overflow: hidden;
    }

.same_pro {
    margin: 10px;
    text-align: center;
}

.img_same_pro {
    border: solid 2px #eee;
    width: 100%;
    height: 120px;
    padding: 5px;
    overflow: hidden;
    background-color: #ddd;
}

    .img_same_pro img {
        width: 100%;
        height: 100%;
    }

.same_pro a {
    color: #31b049;
    font-weight: 600;
}

    .same_pro a:hover {
        text-decoration: none;
    }

.item_product {
    padding: 10px;
    text-align: center;
}

    .item_product a {
        text-decoration: none;
        color: #31b049;
    }

._modal-backdrop {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000000;
    opacity: 0.7;
    z-index: 100;
}

._no_display {
    display: none;
}

#content_table {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 5px;
    padding: 0px;
    max-width: 95%;
    overflow: hidden;
    z-index: 1000;
}

._headname {
    /*text-transform:uppercase;*/
}

.content_check input {
    border-radius: 0px;
    outline: none;
    border: none;
    border-bottom: solid 2px #eee;
    width: 55%;
}

input[type="checkbox"] {
    width: 15%;
}

.content_check textarea {
    width: 100%;
    min-height: 80px;
}

.content_check div {
    padding: 3px 0px;
}

.pro select {
    border: none;
}

.pro input {
    border: none;
}

._name {
    font-weight: bold;
    font-size: 14px;
}

.table_survey {
    width: 100%;
}

    .table_survey tr td {
        border: solid 1px #e1e1e1;
    }

    .table_survey tr th {
        border: solid 1px #e1e1e1;
        text-align: center;
    }

    .table_survey input {
        width: 100%;
    }
/*.slider-nav img{
    width:100%;
    max-width:200px;
}*/
.slick-slide img {
    width: 100%;
    /*max-width:500px;*/
}

.tooltip-inner {
    background-color: #0f61da;
}
/*.tooltip-arrow{
    background-color: cornflowerblue;
}*/
.tooltip {
    width: 120px;
    line-height: 2;
    font-size: 14px;
}

    .tooltip.top .tooltip-arrow {
        /*border-top-color: #fbbc05;*/
        border-top-color: #0f61da;
    }

.center div a img {
    height: 120%;
}

.center > div {
    padding: 0px;
}

.box_learnMore {
    width: 100%;
    display: inline-block;
    padding: 15px;
}

.learnmore {
    border-radius: 2px;
    padding: 6px 12px;
    color: #fff;
    letter-spacing: -1px;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    background-color: #f89221;
    border: solid 1px #f89221;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .learnmore:hover {
        color: #f89221 !important;
        text-decoration: none;
        background: #fff;
    }

#content_table {
    width: 50%;
    height: 500px;
    overflow: auto;
}

.tile_orther {
    font-weight: bold;
    min-width: 120px;
}

.white_content img {
    max-width: 100%;
}

.item_panel {
    background-color: #fff;
    display: inline-block;
    border-radius: 69px;
    width: 60px;
    height: 60px;
    position: relative;
}

    .item_panel:hover {
        background-color: #0f61da;
    }

    .item_panel img {
        margin-top: 10px;
    }

.inputContact {
    width: 100%;
    height: 45px;
    outline: none;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.submitContact {
    width: 100%;
    height: 45px;
    width: 100%;
    height: 45px;
    border: solid 2px #1a8be4;
    background-color: #358ed0;
    border-radius: 0px;
    transition: background-color 0.5s;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0px;
    transition: background-color 0.5s;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

    .submitContact:hover {
        background-color: #fff;
        color: #5fa1d2 !important;
    }

.contact-left {
    text-align: right;
    padding: 25px;
}

    .contact-left b {
        font-size: 15px;
        font-weight: bold;
        display: inherit;
        text-transform: uppercase;
    }

    .contact-left i {
        font-size: 15px;
        font-weight: bold;
        color: green;
        padding: 10px;
    }

.contact-right {
    text-align: left;
    padding: 25px;
}

    .contact-right b {
        font-size: 15px;
        font-weight: bold;
        display: inherit;
        text-transform: uppercase;
    }

    .contact-right i {
        font-size: 15px;
        font-weight: bold;
        color: green;
        padding: 10px;
    }




.info_contact {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding-left: 15px;
}

.info {
    /*color:#725b52;*/
    /*font-weight: 600;*/
    /*font-size: 20px;*/
    padding: 0px;
}

.item_second {
    width: 100%;
    border-radius: 200px;
    height: 100%;
    background-color: #fff;
    /*padding-top: 6px;*/
    margin: 0px auto;
}

.item_n {
    width: 200px;
    height: 200px;
    margin: 0px auto;
}

.popup_promotion {
    width: 250px;
    height: 255px;
    /*background-color:rgba(255,255,255,0.9);*/
    background: linear-gradient(rgba(255, 255, 255, .95), rgba(255, 255, 255, .99));
    position: absolute;
    top: 40%;
    left: 40%;
    color: #333;
    text-align: center;
    padding: 2px;
    z-index: 100;
}

.hotline {
    display: inline-flex;
    position: fixed;
    top: 20%;
    right: 0px;
    width: 280px;
    font-weight: bold;
    color: red;
    font-size: 25px;
    padding-left: 0px;
    z-index: 100;
    transition: right 0.4s;
}

.hotline_hidden {
    right: -160px;
}

    .hotline_hidden .btn_hotline {
        right: 152px !important;
    }

        .hotline_hidden .btn_hotline img {
            transform: rotate(180deg);
        }

    .hotline_hidden span {
        width: 120% !important;
    }

.hotline .btn_hotline {
    display: table;
    position: absolute;
    top: 50px;
    right: -11px;
    cursor: pointer;
    width: 25px;
}

.title_center {
    font-size: 20px;
    text-align: center;
    color: #0f61da;
    font-weight: 700;
    border-bottom: solid 2px #9cbbea;
    margin: 10px auto;
    margin-bottom: 45px;
    width: 50%;
}

.howwedo {
    padding: 20px;
    position: inherit;
    background-color: #0f61da;
}

    .howwedo:before {
        content: "";
        position: absolute;
        border-style: solid;
        right: 0;
        top: 100%;
        border-left-color: transparent !important;
        border-bottom-width: 0 !important;
        border-right-width: 0 !important;
        border-width: 8px;
        border-color: #ffcb31;
        transition: border-color 0.2s;
    }

.img_howwedo {
    max-width: 100%;
    height: 85px;
    margin: 0px auto;
}

.title_howwedo {
    color: #545353;
    font-size: 16px;
    font-weight: 500;
    margin: 8px auto;
    text-align: center;
    display: none;
}

.title_center:before {
    content: '';
    border: none;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #9cbbea;
    margin-top: 0px;
    margin-left: -5px;
    position: absolute;
}

.content_howwedo {
    color: #545353;
    font-size: 12px;
    text-align: justify !important;
    height: 34px;
    overflow: hidden;
}

.howwedo .col-md-4 {
    padding: 5px 20px;
}

.best {
    /*width:100%;*/
    height: 100%;
    background-size: cover;
    min-height: 100ch;
    padding: 20px;
    padding-top: 20%;
    z-index: 2;
    margin: 0px auto;
    position: absolute;
    color: #eee;
    left: 8%;
    text-align: justify;
}

.best_title {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.best_content {
    font-size: 15px;
    padding: 30px 0px;
    color: #fff;
}

.best_btn {
    left: 30px;
    color: #fff;
    padding: 8px 40px;
    font-weight: bold;
    border-radius: 2px;
    border-bottom-right-radius: 0px;
    margin-top: 10px;
    display: inline-block;
    transition: all 0.2s;
    font-size: 12px;
    position: absolute;
    background-color: #fe4f58;
}

    .best_btn:before {
        content: "";
        position: absolute;
        border-style: solid;
        right: 0;
        top: 100%;
        border-left-color: transparent !important;
        border-bottom-width: 0 !important;
        border-right-width: 0 !important;
        border-width: 8px;
        border-color: #fe4f58;
        transition: border-color 0.2s;
    }

    .best_btn:hover {
        background-color: #ffb500;
        color: #eee;
    }

        .best_btn:hover::before {
            border-color: #ffb500;
        }

.bg_best {
    background-size: cover;
    min-height: 100ch;
    background-repeat: no-repeat;
}

.head_bottom {
    color: #999;
    padding: 0px;
    text-align: left;
    background: #fff;
}

    .head_bottom a {
        color: #eee;
    }

.bg_gray {
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.17);
}

#scroll_menu {
    margin-top: 45px;
    text-align: right;
    font-weight: bold;
}

.split_footer {
    height: 1px;
    margin-left: 15px;
    background-color: #ddd;
    overflow: hidden;
    width: calc(100% - 160px);
    display: inline-block;
    margin-bottom: 5px;
}

.throw_footer {
    height: 1px;
    background-color: #fff;
    overflow: hidden;
    width: 60px;
    padding: 0px;
}

.title_location {
    font-size: 17px;
    padding: 15px 0px;
}

.item_location {
    padding-left: 0px;
}

    .item_location > div {
        padding: 5px 0px;
    }

    .item_location img {
        width: 18px;
        height: 18px;
    }

    .item_location a:hover {
        text-decoration: none;
        color: unset;
    }

.language_icon {
    width: 25px;
    height: 18px;
    padding: 1px;
    border: 1px solid #ccc;
}

.resp_region {
    /*background-color: rgba(245, 245, 245, 0.4);
      background-color:#fff;
    */
    background-image: url('../Images/bg_first.PNG');
    background-repeat: repeat-x;
    background-size: 105px;
}

.iconn:before {
    font-family: "UPSicons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e203";
    position: relative;
    top: 2px;
    margin-left: 4px;
    font-size: 0.8em;
    line-height: 0;
    position: absolute;
    right: 0px;
    top: 8px;
}

.saleoff {
    min-height: 45ch;
    padding: 30px;
    float: left;
    z-index: 2;
    margin: 0px auto;
    color: #0f61da !important;
    text-align: left;
    background-size: cover !important;
}

    .saleoff .best_title {
        color: #000;
    }

    .saleoff .best_content {
        color: #fff;
        padding: 0px 0px 30px 10px;
    }

    .saleoff .best_btn {
        left: 30px;
        left: unset;
        margin-top: 10px;
        padding: 8px 20px;
    }

        .saleoff .best_btn:hover {
            color: #fff;
            background-color: #ffb500;
        }

.survey {
    min-height: 45ch;
    padding: 30px;
    float: right;
    z-index: 2;
    margin: 0px auto;
    color: #0f61da !important;
    text-align: right;
    background-size: cover !important;
}

    .survey .best_title {
        color: #000;
    }

    .survey .best_content {
        color: #000;
        padding: 0px 0px 30px 10px;
    }

    .survey .best_btn {
        right: 30px;
        left: unset;
        margin-top: -5px;
        padding: 8px 20px;
    }

        .survey .best_btn:hover {
            color: #fff;
            background-color: #ffb500;
        }




::-webkit-input-placeholder {
    font-style: italic;
    opacity: 0.8;
}

:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
    opacity: 0.8;
}

::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
    opacity: 0.8;
}

:-ms-input-placeholder {
    font-style: italic;
    opacity: 0.8;
}

.promotion_right {
    width: 55% !important;
    right: 10%;
}

    .promotion_right .promotion_top {
        width: 30%;
        float: right;
    }

    .promotion_right .promotion_content {
        background-color: #fff;
    }

    .promotion_right .promotion_active {
        width: 100%;
        height: 200px;
    }

    .promotion_right .promotion_top_active {
        width: 100%;
    }

.product_info {
    padding: 20px 10px;
    width: 100%;
    overflow: hidden;
}

    .product_info h4 {
        color: #0f61da;
    }

.btn-call-us {
    width: 30px;
    height: 20px;
    background-color: #fff;
    color: #0f61da;
    border: solid 1px #0f61da;
    padding: 0px 7px;
    border-radius: 2px;
}

.item_video {
    text-align: center;
    padding: 10px 5px;
    margin: 0px;
}

    .item_video iframe {
        border: solid 1px #eee;
    }

#live iframe {
    border: solid 1px #eee;
}

.item_slide_nav {
    width: 100px !important;
    height: 55px;
    margin: 0px auto;
    /* border-radius: 4px; */
    /* border: solid 1px #ccc; */
}

.slick-initialized .slick-slide {
    outline: none;
}

.item_topPro img {
    height: 100%;
    width: 100%;
    margin: 0px auto;
}

.item_topPro .topPro_img {
    margin: 0px 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 205px;
    border: solid 1px #f4eeee;
    transition: border-color 0.5s all;
}

    .item_topPro .topPro_img:hover {
        border-color: #ffb500;
    }

    .item_topPro .topPro_img > div {
        bottom: 0px;
        overflow: hidden;
        height: 0px;
        position: absolute;
        bottom: 0px;
        width: 100%;
    }

.item_topPro > div {
    text-align: center;
    height: 30px;
}

.item_topPro:hover ul {
    height: 100%;
}

.item_topPro ul {
    list-style: none;
    display: inline-block;
    padding: 0px;
    overflow: hidden;
}

    .item_topPro ul li {
        float: left;
        display: inline-flex;
    }

        .item_topPro ul li a {
            padding: 10px 20px;
            background-color: #eee;
            border: solid 1px #fff;
        }

            .item_topPro ul li a:hover {
                color: #fff;
                background-color: #0f61da;
            }

.item_topPro h4 {
    font-size: 16px;
    color: #0f61da;
    display: inline-block;
    width: 100%;
    text-align: center;
    position: absolute;
    margin-top: -22px;
    z-index: -1;
    font-weight: bold;
}

    .item_topPro h4 a:hover {
        color: #f66565;
    }

.topPro_img:hover img {
    cursor: pointer;
    padding: -15px;
    box-shadow: 1px 2px 10px 7px #0f61da;
}

/*content menu*/
.bookmark {
    list-style: none;
    width: 100%;
    padding: 0px;
    display: inline-block;
    margin-top: 10px;
}

    .bookmark li {
        float: left;
        display: inline-flex;
        border-right: 2px solid #fff;
    }

        .bookmark li a {
            background-color: #0f61da;
            padding: 5px 8px;
            color: #eee;
            font-size: 14px;
        }

.three_pro {
    display: inherit;
    padding: 4em 0;
    margin-top: 20px;
    background-size: cover;
    vertical-align: middle;
    text-align: center;
    background-color: #00529b;
    color: #fff;
}

    .three_pro h2 {
        text-transform: uppercase;
        font-weight: 600;
        color: #fff;
        font-size: 2.5em;
        margin-top: 0;
    }

    .three_pro h5 {
        padding: 25px 0;
        padding-bottom: 60px;
        font-size: 1.2em;
    }

    .three_pro .container {
        position: inherit;
        z-index: 10;
    }

.cate_new {
    background: url('/Images/news.png') no-repeat top right 10px !important;
}

.image {
    width: 300px;
    height: 150px;
    padding: 5px;
    overflow: hidden;
    border: solid 1px #eee;
    display: inline-block;
}

    .image img {
        width: 100%;
        height: 100%;
    }

.design {
    float: right;
    font-size: 12px;
}

.title_part {
    color: #545353;
    font-size: 16px;
    text-align: center;
}

.mobile_menu {
    background: #0f61da;
}

    .mobile_menu li {
        color: #fff;
        text-align: left;
        font-size: 13px;
        padding: 7px;
        border-bottom: 1px solid #ccc;
    }

        .mobile_menu li a a:hover {
            color: #fff;
        }

.text-logo {
    position: relative;
    left: 0px;
    margin-top: -45px;
    color: #fff;
    font-weight: bold;
    width: 100px;
    padding-left: 10px;
}

.news_tip {
    padding: 5px;
    /*height:37px;*/
    height: 73px;
    color: #000;
    font-size: 12px;
    overflow: hidden;
    text-align: center;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle {
    background-color: #f8f7f7 !important;
}

.icon-hot {
    width: 40px !important;
    height: 40px !important;
    position: absolute;
    right: 0px;
    top: 0px;
    box-shadow: none !important;
}

.locate_get {
    margin-top: 0px;
    height: 35px;
    padding: 10px;
    background: rgb(241, 247, 249);
    color: #000;
    font-weight: bold;
}

.foot_differ {
    float: left;
    padding-top: 15px;
}

.foot_differ_first {
    display: inline-block;
    padding-left: 0px !important;
    border-left: none !important;
}

.foot_differ li {
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    border-left: solid 2px #fff;
}

    .foot_differ li a:hover {
        color: #f8e838;
    }

.content_left {
    padding: 15px;
    margin: 0px auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border: solid 1px #b7b4b4;
    background-color: rgba(251, 246, 246, 0.21);
}

.content_right {
    color: #000;
    margin: 0px auto;
    margin-bottom: 10px;
    border: solid 1px #b7b4b4;
    background-color: rgba(251, 246, 246, 0.21);
}

.view_part {
    margin: 0px auto;
    padding: 20px 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: rgba(251, 246, 246, 0.21);
}

.content_right h4 {
    color: #fff;
    height: 40px;
    line-height: 40px;
    display: block;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    background: #0f61da;
    margin-top: 0px;
}

.content_right li {
    color: #000;
    font-weight: bold;
    display: block;
    list-style: none;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #b7b4b4;
}

    .content_right li a {
        color: #000;
    }

        .content_right li a:hover {
            color: #0f61da;
        }

    .content_right li:last-child {
        border-bottom: none !important;
    }

.list_others_news {
    padding: 0px;
    list-style: none;
}

    .list_others_news li {
        padding: 10px 0px;
        display: inline-block;
    }

        .list_others_news li img {
            width: 90px;
            height: 60px;
            float: left;
            padding: 1px;
            margin-right: 5px;
            border: 1px solid #d9d9d9;
        }

        .list_others_news li p {
            text-align: justify;
        }

        .list_others_news li a:hover {
            color: #0f61da;
        }

.team-wrap {
    width: fit-content;
    margin: 0px auto;
}

    .team-wrap ul {
        padding: 0px;
        list-style: none;
        margin: 0px auto;
        display: inline-block;
    }

.team-box-item {
    float: left;
    margin-right: 30px;
}

    .team-box-item:first-child .team-box-container {
        left: 0px;
    }

.team-box-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 0 10px 0;
    left: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

    .team-box-container img {
        bottom: 0;
        display: block;
        height: auto;
        max-width: 100%;
        width: 200px;
        height: 275px;
    }

    .team-box-container:hover {
        position: relative;
        left: -230px;
        width: 215%;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -ms-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }

.team-box-item:hover .team-info-wrapper {
    width: 216px;
    opacity: 1;
}

.team-info-wrapper {
    background: #f5f5f5;
    bottom: 0;
    color: #666666;
    height: 100%;
    text-align: left;
    /*left: 200px;*/
    opacity: 0;
    padding: 15px;
    position: absolute;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    /*-webkit-transition: -webkit-transform .4s, opacity .1s .3s;
    -moz-transition: -moz-transform .4s, opacity .1s .3s;
    -ms-transition: -ms-transform .4s, opacity .1s .3s;
    -o-transition: -o-transform .4s, opacity .1s .3s;
    transition: transform .4s, opacity .1s .3s;*/
    z-index: 1;
    width: 0;
}

    .team-info-wrapper b {
        display: inline-block;
        width: 100%;
    }

.readMore {
    font-weight: bold;
    padding: 10px 0px;
}

    .readMore span {
        padding-right: 10px;
    }

    .readMore a:after {
        content: '\f178';
        /*position: absolute;*/
        right: 0;
        top: 0;
        color: #333333;
        font-family: 'FontAwesome';
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.arrowSlide {
    display: inline-block;
    min-height: 315px;
}

.item_banLanhDao {
    display: inline-block;
    padding-bottom: 20px;
}

    .item_banLanhDao img {
        max-width: 80%;
        height: 260px;
        margin-right: 10px;
        float: left;
    }

    .item_banLanhDao > div {
        padding: 10px;
        margin-right: 20px;
        display: grid;
        margin-bottom: 40px;
        height: 260px;
        border-bottom: dotted 1px #aaa;
    }

    .item_banLanhDao:last-child > div {
        border-bottom: none;
    }

.line_news {
    display: inline-block;
    padding-bottom: 20px;
}

    .line_news > div > img {
        width: 256px;
        height: 197px;
        z-index: 1;
    }

    .line_news > div {
        display: inline-block;
        min-height: 197px;
    }

.title_group {
    clear: both;
}

    .title_group a {
        text-transform: uppercase;
        color: #257bbf;
    }

.solution-drop, .pro-drop {
    margin-top: -5px;
    box-shadow: 0 0 18px 0px rgba(0,0,0,.17);
    border-bottom: 1px solid rgba(0,0,0,.1);
    /*visibility: hidden;
    opacity: 0;*/
    position: absolute;
    width: 100%;
}

.pro-drop, .pro-drop {
    margin-top: -5px;
    box-shadow: 0 0 18px 0px rgba(0,0,0,.17);
    border-bottom: 1px solid rgba(0,0,0,.1);
    /*visibility: hidden;
    opacity: 0;*/
    position: absolute;
    width: 100%;
}

.drop-content {
    background: #fff;
    padding: 2em 4em;
}

    .drop-content .cat-menu {
        width: 33%;
        display: inline-block;
        vertical-align: top;
    }

.cat-menu > a {
    font-size: 1.2em;
    color: #00529b;
    margin-top: 0;
    font-weight: 500;
    font-weight: bold;
    text-transform: uppercase;
}

.menu-drop {
    margin-top: .5em;
}

    .menu-drop li {
        padding: 2px 0;
    }

        .menu-drop li a:hover {
            color: #00529b;
        }

        .menu-drop li a {
            color: #666;
        }

.d-hidden {
    visibility: hidden;
    opacity: 0;
}

.solution-drop:hover, .pro-drop:hover {
    visibility: visible;
    opacity: 1;
}

.list-inline {
    padding: 0;
    margin: 0px;
    list-style: none;
}

.f-social-icons > li {
    padding-right: 0;
    padding-left: 0;
}

.f-social-icons .fa-facebook, .f-social-icons .fa-linkedin {
    color: #fff;
}

li.facebook a, li.facebook a:hover, li.facebook a span {
    font-size: 1.1em;
    color: #3c5a9a;
}

li.linkedin a, li.linkedin a:hover, li.linkedin a span {
    font-size: 1.1em;
    color: #0173b2;
}

.set-height {
    height: 5.2em;
    /*height: 0;*/
}

.tab-holder {
    width: 50%;
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 3em;
}

.about-tab {
    width: 90%;
}

.tab-holder > li {
    float: left;
    margin-left: 0;
    width: 100%;
    max-width: 50%;
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
}

.about-tab > li {
    max-width: 30%;
}

.nav > li {
    position: relative;
    display: block;
}

.tab-holder > li > a {
    padding: 1px 15px;
    display: inline-block;
    color: #666;
    font-family: 'Roboto', sans-serif;
    font-size: 1.8em;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.tab-holder > li.active > a, .tab-holder > li.active > a:hover, .tab-holder > li.active > a:focus {
    border-bottom: 3px solid #f6aa35;
}

.tab-holder > li > a {
    padding: 1px 15px;
    display: inline-block;
    color: #666;
    font-family: 'Roboto', sans-serif;
    font-size: 1.8em;
    border-bottom: 1px solid #ccc;
    transition: all .5s;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.tab-holder > li > a:hover, .tab-holder > li > a:focus {
    background: 0 0;
    border-bottom: 3px solid #f6aa35;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    /*background-color: #eee;*/
}

.tab-holder > li > a {
    padding: 1px 15px;
    display: inline-block;
    color: #666;
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
    border-bottom: 1px solid #ccc;
}

.nav > li > a {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
}

/*solution*/
.parent-list > li.active > a, .parent-list > li:hover > a, .parent-list > li:focus > a {
    color: #00529b;
}

.parent-list li a {
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
    line-height: 1.8em;
    text-transform: uppercase;
}

.parent-list li.active .child-list {
    display: block;
}

.child-list li.active a, .child-list li:hover a {
    font-weight: 700;
    color: #333;
}

.child-list li a {
    color: #7d7d7d;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    text-decoration: none !important;
    text-transform: uppercase;
}

.child-list {
    padding-left: 2em;
}

.child-list, .post-list {
    display: none;
}

    .child-list li {
        position: relative;
        padding-left: 1.5em;
    }

    .child-list li {
        position: relative;
        padding-left: 1.5em;
    }

    .post-list li a {
        color: #7d7d7d !important;
        font-weight: 400 !important;
        font-size: .9em !important;
    }

    .child-list li a {
        color: #7d7d7d;
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        text-decoration: none !important;
        text-transform: uppercase;
    }

    .child-list li .dropdown_handle:before {
        content: '\f0da';
        font-family: FontAwesome;
        position: absolute;
        left: 0;
        color: #00529b;
    }

    .child-list li.active .dropdown_handle:before, .child-list li:hover .dropdown_handle:before {
        content: '\f0d7';
    }

.parent-con h2 {
    color: #00529b;
    margin-top: 0;
    margin-bottom: .8em;
    font-size: 1.5em;
    text-transform: uppercase;
}

.parent-con h3 {
    color: #00529b;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1em;
}

.child-con .img-content {
    padding: 1em 1.5em;
    background: #fafafa;
}

.child-con .img-holder img {
    height: 16em;
    object-fit: cover;
    width: 100%;
}

.child-con p {
    max-height: 90px;
    overflow: hidden;
}

.btn-rel {
    position: relative;
    height: 15em;
}

.child-con h4 {
    font-weight: bold;
    color: #4d4d4d;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 1em;
}

.btn-rel .text-center {
    position: absolute;
    bottom: 1em;
    right: 0;
    left: 0;
}

.model-holder h3 {
    color: #4d4d4d;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    s;
}

.model-holder ul li {
    font-family: 'Roboto', sans-serif;
    border-radius: .4em;
    background: #ececec;
    padding: .7em;
    position: relative;
    color: #4d4d4d;
    margin: 1em 0;
}

    .model-holder ul li a {
        position: absolute;
        top: .4em;
        right: 1em;
        background: #0078c1;
        color: #fff;
        padding: .3em 1em;
        font-family: 'Roboto', sans-serif;
        border: 1px solid #0078c1;
        border-radius: .4em;
        text-transform: uppercase;
    }

/*Slider*/
.slider .indicators .indicator-item {
    background-color: #666666;
    border: 3px solid #ffffff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

    .slider .indicators .indicator-item.active {
        background-color: #ffffff;
    }

.slider {
    width: 900px;
    margin: 0 auto;
}

    .slider .indicators {
        bottom: 60px;
        z-index: 100;
        /* text-align: left; */
    }
/*Slider*/

/*Contact*/
.location-holder .section-1 {
    background: #002d7e;
}

.location-holder .item {
    min-height: 230px;
    padding: 2em 1em;
}

    .location-holder .item .img-holder {
        opacity: 1;
    }

        .location-holder .item .img-holder img {
            height: 3em;
            object-fit: contain;
            width: 100%;
        }

    .location-holder .item .img-content {
        margin-top: 1em;
    }

        .location-holder .item .img-content h2 {
            color: #fff;
            margin-top: 0;
            font-size: .9em;
            margin-bottom: .1em;
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
        }

        .location-holder .item .img-content p, .location-holder .item .img-content a {
            color: #fff;
            font-family: 'Roboto', sans-serif;
            font-size: .9em;
            margin-bottom: 0;
            line-height: 1.3em;
        }

.location-holder .section-1 .col-md-4:nth-child(2):before {
    content: '';
    position: absolute;
    background: #00276e;
    top: 1em;
    left: 0;
    width: 2px;
    height: 9em;
}

.location-holder .section-1 .col-md-4:nth-child(3):before {
    content: '';
    position: absolute;
    background: #00276e;
    top: 1em;
    left: 0;
    width: 2px;
    height: 9em;
}

.location-holder .section-2 h2, .location-holder .section-2 p, .location-holder .section-2 a {
    color: #222222 !important;
}

.location-holder .section-2 h2 {
    text-transform: uppercase;
    margin-bottom: 1em !important;
}

.location-holder .section-2 h2, .location-holder .section-2 p, .location-holder .section-2 a {
    color: #222222 !important;
}
/*Contact*/
/*Feedback*/
.feedback-holder .title-con h2 {
    color: #4d4d4d;
    font-family: 'Roboto', sans-serif;
    font-size: 1.8em;
    text-transform: uppercase;
}

s .feedback-holder .title-con p {
    color: #4d4d4f;
    font-size: .9em;
}

.feedback-holder .form-holder {
    width: 90%;
    padding: 0 5em;
    margin: 2em 0;
}

    .feedback-holder .form-holder h3 {
        color: #014f92;
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        margin-bottom: 1em;
        text-transform: uppercase;
    }

.f-right {
    float: right;
}

.feedback-holder .form-holder .form-group .form-control {
    color: #4d4d4f;
    font-family: 'Roboto', sans-serif;
    font-size: .8em;
}

.bottom-btn .f-right .btn-orange {
    width: 10em;
    display: block;
    font-size: 1em;
    text-transform: uppercase;
}

.btn-orange {
    background: #f89221;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    font-size: .9em;
    width: 7em;
    border: 1px solid #f89221;
    padding: .3em 0;
}

    .btn-orange:hover {
        text-decoration: none;
        background-color: #fff;
        color: #f89221 !important;
    }
/*Feedback*/
/*E – CATALOGUE*/
.search-holder {
    background: #00529b;
    padding: 2em 0;
    margin-bottom: 4em;
}

    .search-holder h2 {
        color: #fff;
        font-size: 2.0em;
        text-transform: uppercase;
        margin-top: 0;
    }

.mx-1440 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

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

.inline-blk {
    display: inline-block;
    margin: 0 .3em;
    vertical-align: top;
}

.inline-blk {
    display: inline-block;
    margin: 0 .3em;
    vertical-align: top;
}

    .inline-blk .form-control {
        color: #333;
        border-radius: 2px;
        font-family: 'Roboto', sans-serif;
    }

    .inline-blk button {
        background: #f89221;
        border: 0;
        padding: .4em 0;
        border-radius: 3px !important;
    }

        .inline-blk button:hover {
            background: #fff;
        }

        .inline-blk button > i {
            color: #fff;
            font-size: 1.3em;
        }

        .inline-blk button:hover > i {
            color: #f89221;
        }
/*E – CATALOGUE*/
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 16px !important;
    height: 16px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 50% !important;
    border: 3px solid rgb(229, 229, 229);
    background: linear-gradient(to bottom, rgb(153, 153, 153) 0%,rgb(225, 225, 225) 100%) !important;
}

.footer .footer-search input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    background: #f89221;
    border: 1px solid #f89221;
    color: #fff;
    padding: 6px 15px;
    font-size: 14px;
    border-radius: 4px;
    text-transform: uppercase;
}

    .footer .footer-search input[type=submit]:hover {
        background: #fff;
        color: #f89221;
    }

@media screen and (max-width: 480px) {

    #content_table {
        width: 100% !important;
    }

    #menu-main-menu-1 {
        width: 100%;
        margin: 2px 0px;
        padding-left: 10px;
    }

    .dropdown-menu {
        position: relative;
    }

    .title_there {
        left: 24% !important;
        right: 23% !important;
    }

    .popup_promotion {
        left: 20% !important;
    }

    .nav > li {
        text-align: left;
    }

    .navbar-default {
        display: inherit !important;
        margin-top: 0px !important;
    }


    .title_top ul {
        padding-left: 10px !important;
    }

    .head_bottom {
        text-align: center !important;
    }

    .main_body {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .nav_bg {
        display: none !important;
    }

    .owl-stage {
        right: 0px !important;
    }

    #scroll_menu {
        margin-top: 0px !important;
    }

    .five {
        display: list-item !important;
    }

    .team-box-item {
        float: unset !important;
    }

        .team-box-item:first-child :hover {
            left: -233px !important;
            right: 0px !important;
        }

    .head_right {
        position: absolute;
        right: 100px;
        margin-top: 15px !important;
    }

    .menu_mobile {
        padding: 0px !important;
    }

    .button_first {
        left: 40% !important;
    }

    .six .ps-fact-icon {
        float: none !important;
        margin: 0px auto !important;
    }

    .six .ps-fact-details {
        float: none !important;
        text-align: center !important;
    }

    .search-active {
        position: inherit !important;
        right: 0px;
        z-index: -1;
    }

    .arrowSlide {
        opacity: 0 !important;
    }

    .title_slide {
        overflow: hidden;
        max-height: 100px;
        width: 80%;
        top: 20% !important;
        max-height: 200px;
    }

    /*.title_second {
        display: none;
    }*/

    .item_news img {
        width: 100% !important;
    }

    .drop-content {
        display: none;
    }

    .slider-nav {
        display: none !important;
    }

    .nav-arrow {
        display: none !important;
    }

    .model-holder ul li {
        text-align: center;
    }

        .model-holder ul li a {
            position: relative !important;
            top: .2em;
            right: 0;
            display: block;
            width: 12em;
            text-align: center;
            left: 0;
            margin: 0 auto;
        }

    .set-height { 
        /*height: 3.2em;*/
        height: 0;
    }
    .affix { 
        position:relative;
    }

    .inline-blk {
        width: 100% !important;
        display: block;
        margin-bottom: 1em;
    }

    .arrow-left {
        top: 30px;
        left: 0;
        z-index:100;
    }

    .arrow-right {
        top: 30px;
        right: 0;
        z-index:100;
    }

    .four img {
        height: 11em;
    }

    .four .img-holder {
        width: 100%;
        float: none;
    }

    .four h2 {
        text-align: center;
        min-height: auto;
    }

    .four .text-holder a {
        float: unset !important;
        margin: 1em 0;
    }

    .about-tab > li {
        max-width: 30%;
    }

    .nav > li > a {
        width: 100%;
    }

    .feedback-holder .form-holder {
        padding: 10px;
        width: 100%;
    }

    .title_mobile img {
        width: 100px;
    }

    #menu-main-menu-1 li a {
        padding: 2px 0px;
        margin-right: 0px;
    }
}

.mfp-close:after{
    content:'Close';
    position: absolute;
    right: 7px;
    top: 12px;
    line-height: 2px;
    color: #000;
    cursor: pointer;
    font-size:15px;
}

/*.your-special-css-class {
    max-width: 320px !important;
    height: 85%;
    margin: auto;
    max-height: 780px;
    padding: 140% 16px 0 13px !important;
}*/

.imgbanner{
    min-height:550px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 80%;
    width:  100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
}

.videopop:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: .9;
    background: transparent url(/Images/play-button.png) center center no-repeat;
    background-size: 20%;
}
.thumbaislide:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 100%;
    z-index: 10;
    opacity: .9;
    background: transparent url(/Images/play-button.png) center center no-repeat;
    background-size: 50%;
}

.add-button {
    margin: 2em 0;
}
.yith-wcwl-add-to-wishlist {
    margin-top: 0;
    height: 1.3em;
}
.add-button a {
    background: #0078c1;
    color: #fff;
    padding: .3em 2em;
    font-family: 'bebas_kairegular';
    border: 1px solid #0078c1;
    border-radius: .4em;
    font-size: 15px;
    text-transform: uppercase;
}
.nav-prev {
    left: -24px;
}
.nav-next {
    right: -15px;
}
.nav-arrow {
    position: absolute;
    top: 32%;
    color: #1da2f7;
    cursor: pointer;
}




@media only screen and (min-width: 481px) {
}

@media screen and (max-width: 768px) {
    body {
        padding: 0px;
    }

    .promotion {
        display: none;
    }

    .resp_region {
        background-image: none !important;
    }

    #content_table {
        width: 90% !important;
    }

    .item_four {
        border-right: none !important;
    }

    .border_right {
        border-right: none !important;
    }

    .list_news {
        border-left: none !important;
    }

    /*.three_pro {
        display: none;
    }*/

    .item_four {
        padding-top: 0px !important;
    }

    .divider_top {
        height: 20px !important;
    }

    .divider_bootom {
        height: 20px !important;
    }

    .five .col-md-3 {
        display: none;
    }

    .contact-left {
        text-align: center !important;
    }

    .contact-right {
        text-align: center !important;
    }

    .tab-holder {
        width: 100%;
    }

        .tab-holder > li {
            max-width: 100% !important;
            width: 100% !important;
            text-align: left;
        }

    .about-tab {
        width: 100% !important;
    }

    .imgbanner {
        min-height: 350px;
    }
    .title_second{
            margin-top: 80px;
            font-size: 24px;
    }
    .title_first{
        max-height:83px;
            font-size: 24px;
    }
}

.slick-slide:first-child {
    z-index: 10;
}