/***** regular ****/
body {top: 0 !important;/* background-color: #004158; */color: #1d1d1d;font-family: 'Myriad Pro Regular',Arial, Helvetica, sans-serif;font-size: 16px;}

.container {position: relative;/* width: 100% !important; */}

.mouse-tooltip { position: relative; display: block; }

    .mouse-tooltip .myTooltip { display: none; z-index: 2; }

    .mouse-tooltip:hover .myTooltip { display: block; position: fixed; overflow: hidden; background: #fff; max-width: 300px; padding: 10px; border-radius: 10px; }

.block .mouse-tooltip { height: 100%; width: 100%; }

.clear-space { background-color: #fff; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 0; }

.panel-blue {/* border-radius: 15px; */overflow: hidden;}

    .panel-blue .panel-heading {background-color: #66a33d;padding: 13px 17px 7px 17px;}

        .panel-blue .panel-heading h2 { color: #fff; text-transform: uppercase; font-size: 18px; }

    .panel-blue .panel-body { background-color: #dfdfdf; padding: 0 0 10px 0; }
/****************
#container
****************/
#container {position: relative;margin: 0 auto;max-width: 1366px;}
/****************
#header
****************/
#header {position: relative;top: 0;width: 100%;left: 0;z-index: 101;}

    #header .container {/* background: rgba(255,255,255,0.8); *//* -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1); */-moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);/* box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1); *//* border-bottom: 1px solid #d1d1d1; */z-index: 101;}

    #header .logo { height: 93px; line-height: 91px; padding-left: 35px; display: inline-block; float: left; }

    #header nav {margin-top: 42px;display: inline-block;float: right;/* margin-left: 35px; */}

        #header nav > ul {display: table;clear: both;}

            #header nav > ul > li {border-bottom: 2px solid transparent;display: inline-block;float: left;height: 40px;position: relative;}

                #header nav > ul > li > a {color: black;display: block;width: auto;padding: 0 10px;text-transform: uppercase;text-align: center;height: 32px;line-height: 32px;border-radius: 7px;transition: background,-webkit-box-shadow,box-shadow,-moz-box-shadow .2s;font-family: 'Myriad Pro Semibold';}

                #header nav > ul > li:hover > a, #header nav > ul > li.current > a {color: #4f7510;}

                #header nav > ul > li > ul {/* display: block; */min-width: 100px;position: absolute;top: 40px;background-color: #fff;transition: height ease-in .2s;height: 0;overflow: hidden;}

                #header nav > ul > li:hover > ul { height: auto; }

                #header nav > ul > li > ul > li { border: 1px solid #e6e6e6; border-bottom: none; }

                #header nav > ul > li > ul > li { border-bottom: 1px solid #e6e6e6; }

                    #header nav > ul > li > ul > li:hover { background-color: #eee; }

                    #header nav > ul > li > ul > li > a { white-space: nowrap; color: #000000; padding: 10px 15px; display: block; }

#search-form {display: inline-block;max-width: 229px;float: left;width: 229px;margin: 7px 0px;}

    #search-form .search-form { position: relative; }

        #search-form .search-form > input[type=text] {border-radius: 4px;height: 29px;width: 100%;border: 0px solid #ccc;color: white;background: #3c560f;padding-left: 15px;}

        #search-form .search-form > .btn {background: transparent;position: absolute;top: -6px;font-size: 18px;right: -3px;}

#header .multi-language { float: left; display: inline-block; height: 30px; line-height: 30px; margin-left: 7px; margin-top: 6px; }

    #header .multi-language > li { display: inline-block; float: left; }

        #header .multi-language > li > a { color: #004158; padding: 0 5px; font-size: 12px; }

.hot-line { display: block; width: 100%; float: left; height: 39px; line-height: 39px; width: 215px; background: url(../img/hotline-bg.png); border-radius: 20px; color: #fff; margin-top: 7px; padding-left: 50px; }

#header .pull-right { margin-right: 25px; }
/****************
#main-slider
****************/
#main-slider { position: relative; z-index: 1; }

    #main-slider .lSAction { display: none !important; }

    #main-slider .container { padding: 0; }

    #main-slider ul > li img { width: 100%; height: auto; }

    #main-slider .lSPager { position: absolute; bottom: 5px; left: 0; width: 100%; }

.lslide { text-align: center; }

.lSSlideOuter .lSPager.lSpg > li a { width: 12px; height: 12px; }

.lSSlideOuter .lSPager.lSpg > li.active a { background-color: #004158; }
/****************
#content
****************/
#content {/* padding-top: 30px; */position: relative;}

.wave-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* background: url(../img/wave.png) no-repeat; */background-size: 100%;background-position-y: 10px;}

#content .panel { background-color: transparent; }

.panel { margin-bottom: 0; }

.title {color: #4f7512;text-transform: uppercase;font-size: 32px;font-weight: bold;height: 38px;line-height: 38px;display: block;position: relative;padding-left: 20px;margin-left: 15px;font-family: 'Myriad Pro Semibold';}

    .title:before { content: ""; display: inline-block; height: 100%; width: 10px; border-radius: 6px; background-color: #ff931f; position: absolute; top: 0; left: 0; }

    .title h2 {display: inline-block;font-family: 'Myriad Pro Semibold';color: black;font-size: 23px;}

.title-star {padding-left: 60px;height: auto;line-height: 55px;margin-left: 0;margin-bottom: 30px;}

    .title-star:before { display: none; }

.star { width: 47px; height: 45px; line-height: 50px; text-align: center; background: url('../images/star-sp.png') center no-repeat; display: inline-block; font-size: 18px; font-family: 'Myriad Pro Regular'; font-weight: normal; }

.title .star { position: absolute; left: 0; top: 0; color: #23527c; }

.title-two-lines .star { top: 6px; }

.block { position: relative; /*-webkit-box-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;*/ overflow: hidden; border-radius: 6px; z-index: 10; height: 100%; width: 100%; }

.title-line { display: block; position: absolute; width: 476px; height: 1px; bottom: 0; left: 10px; background: url('img/line.png'); }

.product-service { display: table; clear: both; width: 100%; }

    .product-service .panel {height: 397px;}
    .product-service .panel-big{height: 520px}
    .product-service .panel-small{height: 260px}
.block .detail {position: absolute;left: 0;bottom: 16px;z-index: 2;width: 60%;}

.block:hover .overlay { opacity: 1; }

.block:not(.block-facebook):not(.block-video):not(.service):hover .detail { display: none; }

.block .img-wrapper { height: 100%; }

    .block .img-wrapper > img { max-height: none; width: 100%; min-height: 100%; transition: transform ease-out .3s; }

.block:hover .img-wrapper > img { }

.block .detail h3, .block .detail h4 { padding: 7px 10px; opacity: 0.9; width: auto; text-transform: uppercase; font-family: 'Myriad Pro Regular'; }

.block .detail h3 {background-color: rgba(67, 64, 64, 0.88);color: #fff;display: block;border-bottom-right-radius: 22px;border-top-right-radius: 22px;font-size: 17px;padding: 18px 0;padding-left: 23px;}

    .block .detail h3 > a:hover { color: #fff; }

.block .detail h4 { background-color: #fff; color: #414045; display: inline-block; font-size: 18px; }

    .block .detail h4 > a { background-color: #fff; color: #414045; }

#content .block.service { width: calc(50% - 5px); display: inline-block; float: left; }

    #content .row-2>.block.service:nth-child(1),#content .row-1>.block.service:nth-child(1),#content .row-3>.block.service:nth-child(1) { margin-right: 5px; }

    #content .row-2>.block.service:nth-child(2),#content .row-1>.block.service:nth-child(2),#content .row-3>.block.service:nth-child(2) { margin-left: 5px; }

    #content .block.service .detail {top: 0;height: 100%;background-color: #ff931f;width: 100%;padding: 20px;padding-top: 10px;}

        #content .block.service .detail h3 { padding-left: 0; background-color: transparent; font-size: 32px; }

#content .product-content .block.service .detail h3 {font-size: 19px;background-color: #535353;padding-left: 10px;padding-right: 10px;}

#content .block.service .detail ul { line-height: 30px; border-top: 1px solid #f55600; padding-top: 10px; }

    #content .block.service .detail ul > li { font-size: 18px; }

.block-facebook, .block-video, .block-one-half { width:100%; float: left; display: inline-block; }

.panel .block-one-half:first-child { margin-right: 5px; }

.panel .block-one-half:last-child { margin-left: 5px; }

.block-facebook { margin-right: 5px; }

.block-video { margin-left: 5px; }

    .block-facebook .circle, .block-video .circle { background-color: #fff; height: 45px; width: 45px; line-height: 45px; font-size: 30px; display: block; margin: 0 auto; margin-bottom: 10px; }

    .block-facebook .detail, .block-video .detail { top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

        .block-facebook .detail h4, .block-video .detail h4 { background-color: transparent; color: #fff; text-transform: none; font-size: 20px; white-space: nowrap; }

.block-facebook .circle { color: #005e84; }

    .block-facebook .circle .fa, .block-video .circle .fa { transition: all .3s; }

    .block-facebook .circle:hover > .fa, .block-video .circle:hover > .fa { transform: scale(1.2); }

.block-facebook { background-color: #005e84; }

.block-video { background-color: #ff931f; }

    .block-video .circle { background-color: #ff931f; border: 4px solid #fff; font-size: 20px; line-height: 40px; }

        .block-video .circle .fa { display: inline-block; }

        .block-video .circle:hover { color: #fff; }

.company-consumer { position: relative; display: table; width: 100%; clear: both; margin-top: 5px; }

    .company-consumer .block.consumer, .company-consumer .block.company { height: 430px;margin-bottom: 10px }
    .company-consumer .company.company-2,.company-consumer .company.company-3,
    .company-consumer .company.company-5,.company-consumer .company.company-6,
    .company-consumer .company.company-7,.company-consumer .company.company-8,
    .company-consumer .company.company-10,.company-consumer .company.company-11{height: 210px}

.block.company .detail, .block.consumer .detail {/* top: 70%; */}
.block.consumer .detail.detail-top,.block.company .detail.detail-top{top: 10%}
    .block.company .detail > h3 > a, .block.consumer .detail > h3 > a { color: #fff !important; }

.advisory { display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 11; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

    .advisory > .wrapper { position: relative; width: 280px; height: 280px; line-height: 350px; text-align: center; background: url("../img/advisory.png"); overflow: hidden; z-index: 10; }

        .advisory > .wrapper > a { display: inline-block; line-height: 25px; transition: transform ease-in .3s; }

            .advisory > .wrapper > a > h3 { font-size: 50px; text-transform: uppercase; }

            .advisory > .wrapper > a > small { font-size: 28px; }

        .advisory > .wrapper:hover > a { color: #fff; }
/****************
.product-content
****************/
.product-content .title { margin-top: 60px; }

.title.title-star-s:before, .title.title-star-t:before, .title-star-g:before, .title-star-l:before, .title-star-p:before { display: none; }

.title.title-star-s, .title-star-t, .title-star-g, .title-star-l, .title-star-p { height: 53px; line-height: 53px; padding-left: 55px; }

.title.title-star-s { background: url("../img/title-s-bg.png") no-repeat; }

.title.title-star-t { background: url("../img/title-t-bg.png") no-repeat; }

.title-star-g { background: url("../img/title-g-bg.png") no-repeat; }

.title-star-l { background: url("../img/title-l-bg.png") no-repeat; }

.title-star-p { background: url("../img/title-p-bg.png") no-repeat; }

.title.title-two-lines { height: 68px; line-height: 68px; background-position: left bottom; }

    .title.title-two-lines small { color: #004158; }

.product-content .block .overlay { background-color: rgba(255,147,31,0.55); }

.product-service, .consumers-corner {margin-top: -22px;display: block;clear: both;width: 100%;}

#content .product-content .block.service .detail {/* top: 70%; */height: auto;/* padding-right: 10px; */background-color: transparent;width: auto;padding: 0;bottom: 40px;top: auto;}

.product-content-absolute { position: relative; height: 1200px; width: 100%; overflow: hidden; }

    .product-content-absolute .block { position: absolute; }

    .product-content-absolute > .block:nth-child(1), .product-content-absolute > .block:nth-child(2), .product-content-absolute > .block:nth-child(3) { top: 0; }

    .product-content-absolute > .block:nth-child(4) { top: 33.3%; }

    .product-content-absolute > .block:nth-child(5) { top: 16.7%; width: 40%; }

    .product-content-absolute > .block:nth-child(6), .product-content-absolute > .block:nth-child(7), .product-content-absolute > .block:nth-child(8) { top: 50%; }

    .product-content-absolute > .block:nth-child(9) { top: 66.7%; height: 33.3%; width: calc(40% - 10px); }

    .product-content-absolute > .block:nth-child(10) { top: 83.3%; height: 16.7%; width: 60%; }

    .product-content-absolute > .block:nth-child(8) { width: 60%; }

    .product-content-absolute > .block:nth-child(1), .product-content-absolute > .block:nth-child(4), .product-content-absolute > .block:nth-child(6), .product-content-absolute > .block:nth-child(9) { left: 0; }

    .product-content-absolute > .block:nth-child(2), .product-content-absolute > .block:nth-child(5) { left: 60%; }

    .product-content-absolute > .block:nth-child(2), .product-content-absolute > .block:nth-child(3) { width: calc(20% - 5px); }

    .product-content-absolute > .block:nth-child(3) { left: calc(80% + 5px); }

    .product-content-absolute > .block:nth-child(7) { left: 20%; }

    .product-content-absolute > .block:nth-child(8), .product-content-absolute > .block:nth-child(10) { left: 40%; }

    .product-content-absolute > .block:nth-child(1), .product-content-absolute > .block:nth-child(4) { width: calc(60% - 10px); }

    .product-content-absolute > .block:nth-child(6), .product-content-absolute > .block:nth-child(7) { width: calc(20% - 10px); }

    .product-content-absolute > .block:nth-child(1), .product-content-absolute > .block:nth-child(5), .product-content-absolute > .block:nth-child(8) { height: calc(33.3% - 10px); }

    .product-content-absolute > .block:nth-child(2), .product-content-absolute > .block:nth-child(3), .product-content-absolute > .block:nth-child(4), .product-content-absolute > .block:nth-child(6), .product-content-absolute > .block:nth-child(7) { height: calc(16.7% - 10px); }

.product-content .block:hover .detail { display: none; }

.overlay-star .overlay-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

.overlay-star .overlay-wrapper { position: relative; text-align: center; display: inline-block; }

    .overlay-star .overlay-wrapper h3 { margin-top: 20px; color: #fff !important; text-transform: uppercase; font-family: 'Myriad Pro Regular'; }

.consumers-corner .block { height: 345px; }
/****************
.white-content
****************/
.white-content {margin-top: 15px;display: block;clear: both;margin-left: auto;margin-right: auto;margin-bottom: 50px;}

    .white-content:before, .white-content:after { display: table; clear: both; content: ""; }

    .white-content .panel { box-shadow: none; }

    .white-content a { color: black; }

    .white-content .product-service { margin-top: -10px; }

    .white-content .product-content {/* background-color: #00364f; */}

    .white-content .product-service .panel { height: 620px; }

    .white-content .company-consumer { margin-top: 0; }

    .white-content .panel { margin-bottom: 10px; }

    .white-content .left {/* width: 218px; */float: left;display: inline-block;position: relative;}

        .white-content .left.fixed { position: fixed; top: 10px; }

.body-content {float: right;display: inline-block;/* padding: 0 30px; */}

.left-menu > .panel-body > ul > li { padding: 12px 0 7px 0; margin: 1px; transition: background-color ease-in .2s; }

    .left-menu > .panel-body > ul > li > a { padding: 0 15px; transition: padding-left ease-in .2s; font-size: 15px; text-transform: uppercase; display: block; font-family: 'Myriad Pro Semibold'; }

    .left-menu > .panel-body > ul > li.current, .left-menu > .panel-body > ul > li:hover { background-color: #f0f0f0; }

.white-content .title {color: #7cba16;margin-bottom: 10px;}

.news-body {/* display: block; *//* clear: both; *//* margin: 0 -10px; */}

    .news-body:before, .news-body:after { content: ""; display: table; clear: both; }

    .news-body .panel.news-item {border: 1px solid #c8c8c8;border-radius: 20px;overflow: hidden;height: 426px;width: 100%;margin: 0 auto;display: block;margin-bottom: 40px;}

.news-page {margin-top: 20px;/* display: table; */clear: both;width: 100%;}

.news-item .panel-heading h3 a {color: #507736;font-size: 20px;display: block;max-height: 44px;overflow: hidden;}

.news-item .panel-body { padding-top: 0; padding: 0 10px; }

    .news-item .panel-body .img-wrapper { max-height: 185px; overflow: hidden; margin-bottom: 10px; }

    .news-item .panel-body p {max-height: 79px;display: block;/* overflow: hidden; */margin: 20px 0 30px 0;font-size: 16px;}

.news-item .panel-footer { background-color: transparent; text-align: right; }

.news-page .news-pagination { text-align: center; }

    .news-page .news-pagination > ul > li > a { margin: 0 5px; border-radius: 0; font-size: 14px; color: #1d1d1d; padding: 4px 10px; }

        .news-page .news-pagination > ul > li > a.active { border-color: red; }

        .news-page .news-pagination > ul > li > a:hover { border-color: red; }

.news-detail { max-width: 912px; margin-left: 30px; text-align: justify; }

    .news-detail .img-wrapper { text-align: center; }

.news-title { display: table; clear: both; width: 100%; margin-top: 30px; margin-bottom: 20px; }

    .news-title h3 { display: inline-block; float: left; color: #004158; font-size: 29px; }

    .news-title .socials-adson { float: right; }

.news-same { margin-top: 30px; }

    .news-same h2 { color: #1d1d1d; padding-bottom: 5px; border-bottom: 1px solid #004158; text-transform: uppercase; font-size: 18px; }

    .news-same ul > li { padding: 10px 0; margin: 10px; border-bottom: 1px solid #c8c8c8; font-size: 16px; }

.videos-block { display: block; text-align: center; margin-top: 20px; }

    .videos-block .video { display: block; position: relative; }

        .videos-block .video img { width: 100%; }

        .videos-block .video .btn-play { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url("../img/bl-play-btn.png") center no-repeat; z-index: 1; }

    .videos-block .btn-play-all { display: block; margin: 20px auto; height: 75px; line-height: 75px; background: linear-gradient(to top, #dadada, #ffffff);; border: 1px solid #0d7096; border-radius: 10px; text-align: left; padding-left: 20px; }

        .videos-block .btn-play-all i { display: inline-block; height: 55px; width: 55px; text-align: center; line-height: 55px; color: #e89019; border: 3px solid #e89019; border-radius: 50%; font-size: 20px; }

        .videos-block .btn-play-all span { font-size: 22px; font-weight: bold; margin-left: 15px; }

.business-philosophy-body ul { padding-top: 20px; }

    .business-philosophy-body ul > li { margin-top: 40px; display: table; width: 100%; clear: both; }

        .business-philosophy-body ul > li > i { display: inline-block; float: left; }

.business-philosophy-body p { font-size: 18px; }

.business-philosophy-body ul > li > p { display: inline-block; float: left; width: calc(100% - 60px); padding-left: 20px; font-size: 16px; }

.business-philosophy-body img { max-width: 420px; max-height: 420px; margin-top: 60px; }

.philosophy-item { margin-bottom: 50px; display: table; }
.philosophy-info { margin-bottom: 50px; }

.philosophy-item .philosophy-description { width: calc(100% - 60px); display: inline-block; float: left; padding-left: 15px; }

.philosophy-item .circle-number { margin-right: 0; float: left; }

#certification-slider { margin-top: 30px; position: relative; }
.certification-title { position: absolute; left: 50%; top: 15px; transform: translate(-50%, 0); color: #fff; text-transform: uppercase; font-size: 30px; z-index: 999; }

#certification-slider.has-bg { margin-top: -20px; margin-bottom: -54px; }

    #certification-slider.has-bg .container { background: url('../img/certification.png') center no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 60px; }

#certification-slider img { height: 395px; padding: 10px; width: 280px; background-color: #fff; }

#certification-slider p { text-align: center; font-size: 15px; text-transform: uppercase; padding: 20px 40px; }

.vision-list li { display: table; clear: both; width: 100%; margin-top: 30px; }

    .vision-list li .circle, .vision-list li div { float: left; display: inline-block; }

    .vision-list li div { width: calc(100% - 65px); padding-top: 20px; padding-left: 20px; }

.vision-body { background: url("../img/tam_nhin_su_menh.png") 90% bottom no-repeat; min-height: 750px; }

.gioithieu-body { background: transparent !important; }

.contact { padding-bottom: 100px; }

.contact-body { margin-bottom: 30px; }

    .contact-body .gmap { max-width: 100%; overflow: hidden; }

.form-contact { margin-top: 20px; }

    .form-contact b { margin-bottom: 20px; display: block; }

    .form-contact .btn[type=submit] { font-family: 'Myriad Pro Semibold'; text-transform: uppercase; }

.address-block, .quick-info { margin-left: 20px; }

    .address-block h3 { font-size: 24px; text-transform: uppercase; margin-bottom: 20px; font-family: 'Myriad Pro Semibold'; color: #004158; }

.address-list li { margin-bottom: 15px; }

    .address-list li a { color: #004158; font-family: 'Myriad Pro Semibold'; text-transform: uppercase; }

.quick-info h4 { font-size: 20px; color: #004158; font-family: 'Myriad Pro Semibold'; text-transform: uppercase; }

.quick-info .hot-line { display: block; float: none; margin-bottom: 20px; }

.hot-line-list { margin-top: 20px; }

    .hot-line-list li { margin-bottom: 15px; }

        .hot-line-list li a { color: #004158; display: block; font-family: 'Myriad Pro Semibold'; }

        .hot-line-list li span { color: #f47821; font-family: 'Myriad Pro Semibold'; }

.has-banner {/* margin-top: 64px; */}

    .has-banner .banner { margin-bottom: 30px; position: relative; min-height: 400px; }

        .has-banner .banner .tabs {position: absolute;bottom: 9px;left: 0;width: 100%;text-align: center;line-height: 0;}

            .has-banner .banner .tabs .nav-tabs { display: inline-block; border-bottom: none; }

                .has-banner .banner .tabs .nav-tabs > li > a { background: rgba(0,65,88,0.9); color: #fff; border: none; border-radius: 10px 10px 0 0; text-transform: uppercase; margin-right: 5px; }

                .has-banner .banner .tabs .nav-tabs > li { margin-bottom: 0; }

                    .has-banner .banner .tabs .nav-tabs > li.active > a, .has-banner .banner .tabs .nav-tabs > li.active > a:focus, .has-banner .banner .tabs .nav-tabs > li.active > a:hover {background: rgb(77, 118, 14);}

.content { padding-bottom: 20px; position: relative; }

.has-banner .white-content { margin-top: 0; min-height: 500px; }

.map { display: table; width: 100%; clear: both; margin-top: 30px; }

.map-content { position: relative; margin-right: -70px; }

    .map-content .img-wrapper { text-align: right; }

.list-position-item { position: absolute; width: 100%; height: 633px; display: block; left: 0; top: 0; }

    .list-position-item .position { position: absolute; }

        .list-position-item .position i { font-size: 40px; color: #f47821; }

        .list-position-item .position[data-pos="1"] { top: 45px; right: 230px; }

        .list-position-item .position[data-pos="2"] { top: 498px; right: 185px; }

        .list-position-item .position[data-pos="3"] { left: 492px; top: 56px; }

        .list-position-item .position:hover i { cursor: pointer; }

        .list-position-item .position .description { position: absolute; width: 350px; left: -370px; top: -70px; background: rgba(255, 255, 255, 0.9); padding: 15px; border-radius: 10px; box-shadow: 0 9px 5px 0 rgba(0,0,0,0.02); border: 1px solid #c8c8c8; font-size: 12px; }
.list-position-item .position[data-pos="3"] .description {top: 50px;left: -52px;transform: translate(-50%,0);}
.list-position-item .position .description h3 { color: #004158; text-transform: uppercase; }

.introduce-item { display: table; width: 100%; clear: both; margin-bottom: 20px; }

    .introduce-item .circle-number { float: left; }

.introduce-detail { display: inline-block; float: left; text-align: left; width: calc(100% - 75px); }
    .introduce-detail h3 { color: #004158; margin: 20px 0 10px; }
.introduce-body .img-wrapper { margin-bottom: 30px; text-align: center; }

    .introduce-body .img-wrapper > img { /*max-height: 250px;*/ }
.colors-content .color { display: inline-block; float: left; padding: 5px; overflow: hidden; z-index: 10; max-width: 100%; }

    .colors-content .color .img-wrapper { display: block; position: relative; height: 100%; width: 100%; overflow: hidden; border-radius: 10px; position: relative; }

        .colors-content .color .img-wrapper a { display: block; height: 100%; width: 100%; }

        .colors-content .color .img-wrapper img { display: block; max-width: none; max-height: none; min-width: 100%; min-height: 100%; transition: transform ease-in-out .3s; width: 100%; height: 100%; }

    .colors-content .color h3 { position: absolute; bottom: 30px; left: 0; display: inline-block; padding: 5px 10px; background: rgba(0, 0, 0, 0.6); color: #fff; text-transform: uppercase; font-size: 18px; }

    .colors-content .color .btn-plus { width: 62px; height: 62px; background: url(../img/zoom.png); position: absolute; right: 10px; top: 10px; text-indent: -9999px; cursor: pointer; }

.colors-content .col { display: inline-block; float: left; height: 600px; overflow: hidden; }
    .colors-content .col:after { content: ""; clear: both; display: table; }
    .colors-content .col.col-60 { width: 60%; }
    .colors-content .col.col-40 { width: 40%; }
    .colors-content .col.col-60.col-1 > .color:nth-child(1), .colors-content .col.col-60.col-2 > .color:nth-child(3) { width: 100%; height: 66.6666666666666666666666666666666%; }
    .colors-content .col.col-60.col-1 > .color:nth-child(2),
    .colors-content .col.col-60.col-2 > .color:nth-child(1) { width: 33.3333333333333333333333333333333%; height: 33.3333333333333333333333333333333%; }
    .colors-content .col.col-60.col-1 > .color:nth-child(3),
    .colors-content .col.col-60.col-2 > .color:nth-child(2) { width: 66.6666666666666666666666666666666%; height: 33.3333333333333333333333333333333%; }
    .colors-content .col.col-40.col-2 > .color:nth-child(1),
    .colors-content .col.col-40.col-2 > .color:nth-child(2),
    .colors-content .col.col-40.col-1 > .color:nth-child(2),
    .colors-content .col.col-40.col-1 > .color:nth-child(3) { width: 50%; height: 33.3333333333333333333333333333333%; }
    .colors-content .col.col-40.col-2 > .color:nth-child(3),
    .colors-content .col.col-40.col-1 > .color:nth-child(1) { width: 100%%; height: 66.6666666666666666666666666666666%; }
/****************
#certificate-slider
****************/
#certificate-slider { position: relative; z-index: 1; }
/****************
#bottom-slider
****************/
#bottom-slider { margin-top: 10px; margin-bottom: 10px; }

    #bottom-slider .container {background-size: calc(100% - 15px);padding: 70px 10px;height: 345px;}

    #bottom-slider .slider img { height: 210px; }

.save-solution { margin-top: 40px; }

#bottom-slider .slider-wrapper { position: relative; }

#bottom-slider .slide-description { color: #fff; padding-top: 10px; }

#bottom-slider .lSAction > a { background: url('../img/controls-bottom.png') no-repeat; width: 12px; height: 22px; opacity: 1; }

#bottom-slider .lSAction > .lSPrev { left: 10px; }

#bottom-slider .lSAction > .lSNext { right: 10px; background-position-x: -12px; }

#bottom-slider .slide-description h3 { font-size: 16px; }
/****************
#footer
****************/
#footer {/* background: url("../img/footer-bg.png") center center no-repeat #00293d; */background-size: 100%;color: black;font-size: 14px;position: relative;z-index: 1;}

    #footer .container {/* padding: 50px 20px 30px; */position: relative;}

    #footer h3 {margin-top: 60px;text-transform: uppercase;margin-bottom: 20px;font-size: 16px;}

    #footer .fa {color: #5d7f23;width: 20px;}

    #footer .socials { margin-bottom: 10px; }

.circle { border-radius: 50%; text-align: center; display: inline-block; }

.circle-number {width: 60px;height: 60px;line-height: 60px;text-align: center;color: #ffffff;background: url("../images/circle-number.png") center no-repeat;background-size: cover;font-weight: bold;font-size: 42px;font-style: normal;margin-right: 15px;}

.circle-eye { width: 65px; height: 65px; text-align: center; background: url("../img/vision-eye.png") center no-repeat; }

.circle-arrow { width: 65px; height: 65px; text-align: center; background: url("../img/vision-arrow.png") center no-repeat; }

.socials {display: table;margin-top: 7px;margin-left: 40px;clear: both;}

    .socials > li { display: inline-block; float: left; padding-right: 5px; }

    .socials .circle {font-size: 12px;width: 25px !important;height: 25px;line-height: 25px;background-color: #fff;}

    .socials .circle { color: #fff !important; transition: all .3s; }

    .socials .fa-facebook {background-color: #3c560d;}

    .socials .fa-twitter {background-color: #3c560d;}

    .socials .fa-google-plus {background-color: #3c560d;}

    .socials .fa-youtube-play {background-color: #3c560d;}

#solution {background: #4f7510;background-size: cover;padding: 0 !important;}

    #solution .modal-content { background: transparent; }

    #solution .modal-backdrop { background: transparent; }

    #solution .modal-header, #solution .modal-footer { border: none; }

    #solution button.close { color: #fff; opacity: 1; text-shadow: none; position: absolute; top: 15px; right: 13px; margin: 0; }

.line { display: block; height: 2px; width: 100%; background: url(../img/line-bg.png) no-repeat; background-size: 100%; }

#solution .suggest { width: 370px; color: #fff; position: absolute; right: 113px; top: 53px; font-size: 18px; text-align: center; }

.solution-title { color: #fff; text-align: center; font-size: 28px; }

.solution-content { position: relative; display: table; clear: both; width: 100%; text-align: center; }

.solution-description { position: relative; width: 282px; height: 405px; border: 1px solid #fff; border-radius: 10px; margin-top: 70px; overflow: hidden; display: inline-block; vertical-align: top; visibility: hidden; }

    .solution-description > ul { width: 282px; height: 405px; overflow: auto; color: #fff; padding: 15px; display: none; top: 0; left: 0; position: absolute; }

        .solution-description > ul::-webkit-scrollbar-corner { background-color: #e6e6e6; }

        .solution-description > ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 0; border-radius: 0; }

        .solution-description > ul::-webkit-scrollbar { -webkit-appearance: none; width: 12px; background-color: transparent; border-radius: 0; }

            .solution-description > ul::-webkit-scrollbar:horizontal { height: 12px; }

        .solution-description > ul::-webkit-scrollbar-thumb { border-radius: 0; border: 4px solid rgba(255,255,255,0); background-clip: content-box; background-color: #bfbfbf; }

.solution-content > .solution-description:first-child > ul:first-child { display: block; }

.solution-description > ul .circle-number { width: 30px; height: 30px; line-height: 30px; font-size: 30px; }

.solution-circle { display: inline-block; }

    .solution-circle > ul { position: relative; width: 537px; height: 541px; margin: 0 auto; }

.solution-item { color: #fff; position: absolute; text-align: center; display: inline-block; }

    .solution-item > h3 { line-height: 24px; max-width: 100px; text-align: center; font-size: 18px; margin: 0 auto; }

    .solution-item span { display: block; }

        .solution-item span:after { display: table; content: ""; clear: both; }

        .solution-item span > img { float: left; display: block; }

            .solution-item span > img:nth-child(2) { display: none; }

    .solution-item:hover span > img:nth-child(1) { display: none; }

    .solution-item:hover span > img:nth-child(2) { display: block; }

.solution-circle > ul > .solution-item:last-child:hover span > img:nth-child(1) { display: block; }

.solution-circle > ul > .solution-item:nth-child(1) { left: 28px; top: 82px; font-size: 20px; }

.solution-circle > ul > .solution-item:nth-child(2) { left: 140px; top: 12px; font-size: 20px; }

.solution-circle > ul > .solution-item:nth-child(3) { left: 270px; top: 0; font-size: 20px; }

.solution-circle > ul > .solution-item:nth-child(4) { left: 380px; top: 48px; font-size: 20px; }

.solution-circle > ul > .solution-item:nth-child(5) { left: 430px; top: 180px; font-size: 18px; }

.solution-circle > ul > .solution-item:nth-child(6) { left: 288px; bottom: 0; font-size: 18px; }

.solution-circle > ul > .solution-item:nth-child(7) { left: 114px; top: 345px; font-size: 20px; }

.solution-circle > ul > .solution-item:nth-child(8) { left: 33px; top: 223px; font-size: 20px; }

.solution-circle > ul > .solution-item:last-child { left: 170px; top: 145px; }

.solution-circle > ul > .solution-item > a { position: relative; display: block; }

    .solution-circle > ul > .solution-item > a > span { position: relative; z-index: 1; }

.solution-circle > ul > .solution-item:not(:last-child) > a:before { content: ""; height: 1px; background-color: #fff; position: absolute; z-index: 0; transition: width .3s; transition-timing-function: cubic-bezier(0,0,0.58,1); }

.solution-circle > ul > .solution-item:not(:last-child) > a:after { content: ""; width: 1px; background-color: #fff; position: absolute; z-index: 0; transition: height .3s; transition-timing-function: cubic-bezier(0,0,0.58,1); }

.solution-circle > ul > .solution-item.active:nth-child(1) > a:before { width: 37px; left: -28px; top: 40px; }

.solution-circle > ul > .solution-item.active:nth-child(2) > a:before { width: 190px; left: -179px; top: 38px; }

.solution-circle > ul > .solution-item.active:nth-child(2) > a:after { height: 22px; left: -180px; top: 38px; }

.solution-circle > ul > .solution-item.active:nth-child(3) > a:before { width: 325px; left: 80px; top: 35px; }

.solution-circle > ul > .solution-item.active:nth-child(3) > a:after { height: 36px; left: 405px; top: 35px; }

.solution-circle > ul > .solution-item.active:nth-child(4) > a:before { width: 87px; left: 70px; top: 40px; }

.solution-circle > ul > .solution-item.active:nth-child(5) > a:before { width: 37px; left: 70px; top: 41px; }

.solution-circle > ul > .solution-item.active:nth-child(6) > a:before { width: 180px; left: 70px; top: 71px; }

.solution-circle > ul > .solution-item.active:nth-child(7) > a:before { width: 127px; left: -115px; top: 71px; }

.solution-circle > ul > .solution-item.active:nth-child(8) > a:before { width: 45px; left: -33px; top: 50px; }

#btn-to-top { position: absolute; top: 15px; right: 25px; }


.mfp-certification .mfp-content { background: #fff; padding: 10px 40px 40px 40px; z-index: initial; }

.mfp-certification .mfp-close { width: auto; background-color: #ff5400; opacity: 1 !important; width: 42px; height: 42px; text-align: center; display: inline-block; line-height: 42px; border-radius: 50%; padding: 0; margin: 0; top: -20px; right: -20px; border: 1px solid #fff; }

.mfp-certification .mfp-counter { display: none; }

.mfp-certification .mfp-bottom-bar { margin: 0; position: relative; }

.mfp-certification .mfp-title { padding: 0; text-align: center; color: #1d1d1d; }

.mfp-certification img.mfp-img { padding-top: 20px; }

#popup-application { max-height: 100%; }

    #popup-application .modal-content .modal-body { overflow: auto; }

    #popup-application button.close { position: absolute; top: -25px; right: 5px; color: #fff; opacity: 1; font-weight: normal; }
.lang-mobile { display: none; }


/*support*/
.close { font-weight: 700; line-height: 0.5; border-radius: 30px !important; color: #ffffff !important; text-shadow: 0 1px 0 #fff; position: absolute; right: -18px; top: -18px; background: #ff5400 !important; padding: 10px; border-radius: 15px; opacity: 1 !important; padding: 10px 9px !important; border: 2px solid #ffffff !important; }
#supportvn .modal-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); margin: 0; }
#supportvn .modal-content, #supporten .modal-content { border: 3px solid #000000; border-radius: 5px; }
#supportvn .modal-title, #supporten .modal-title { font-size: 26px; color: #004158; font-family: Myriad Pro Regular; font-weight: bold; }
    #supportvn .modal-title img, #supporten .modal-title img { padding-right: 10px; }
#supportvn .modal-body h3, #supporten .modal-body h3 { background: url(../img/ho-tro-bg.png) no-repeat; padding: 10px 0px 10px 15px; font-size: 18px; font-weight: bold; font-family: Myriad Pro Regular; color: #ffffff; }
#supportvn .modal-body table td, #supporten .modal-body table td { padding-bottom: 15px; }
    #supportvn .modal-body table td.column1 { width: 40%; }
    #supporten .modal-body table td.column1 { width: 36%; }
#supportvn .modal-body table .column23 { width: 60%; }
#supportvn .modal-body table .column2 { width: 30%; }
#supportvn .modal-body table .column3 { width: 32%; }
#supportvn table { width: 100%; }
.phone { color: #004158; font-size: 18.75px; padding: 3px 5px 3px 35px; font-family: Myriad Pro Regular; }
.phone1 { background: url(../img/icon-phone-ho-tro1.png) no-repeat; }
.phone2 { background: url(../img/icon-phone-ho-tro2.png) no-repeat; }
#supportvn .modal-body ul, #supporten .modal-body ul { padding-left: 30px; }
    #supportvn .modal-body ul li, #supporten .modal-body ul li { list-style: disc; font-size: 18px; font-family: Myriad Pro Regular; color: #004158; }



    .inputsearch{

    }
    
    .btnsearch{

    }
    .header_top{

background: #4f7510;

}
    .inputsearch::placeholder { 
  color: white;
}
   #header nav > ul > li:hover{
    border-bottom: 2px solid #4f7510;
}
   .title_aboutus{

TEXT-ALIGN: center;

}
   .title_aboutus h2{

color: #28537d;

text-transform: uppercase;

margin-top: 30px;

position: relative;

margin-bottom: 30px;
}
   .title_aboutus h2::before{
       content:"";
       background: url(../images/line1.png) no-repeat;
       width: 217px;
       position: absolute;
       bottom: -30px;
       left: 40.8%;
       height: 30px;
   }
   .title_aboutusdesc{

margin-top: 20px;

}
   .qc_aboutus{
       background:url(../images/bg_aboutus.jpg) no-repeat;
       height: 263px;
       margin-top: 17px;
   }
   .qc_aboutusitems{
       margin-top:45px;
   }
   .qc_aboutusitems img{
       display:block;
       margin-left:auto;
       margin-right:auto;
   }
   .qc_aboutusitems p{
       margin-top:25px;
       color:white;
       text-transform:uppercase;
       text-align:center;
   }
   .products_aboutus{
       background:url(../images/bg_prdaboutus.jpg) no-repeat;
       height:561px;
       padding-top:23px;
   }
   .block .detail h3{
       width:100% ;
   }
    .block .detail1 {
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 2;
    width: 79%;
}
    .block .detail1 h3{
            background-color: rgba(67, 64, 64, 0.50);
            color: #fff;
            display: block;
            border-bottom-right-radius: 22px;
            border-top-right-radius: 22px;
            font-size: 15px;
            padding: 18px 0;
            padding-left: 23px;
    }
    .newsitems{

margin-top: 49px;

position: relative;

}
    .newsitems img{

    }
    .newsitems p{

text-transform: uppercase;

position: absolute;

bottom: 0px;

text-align: center;

border-bottom-left-radius: 10px;

border-bottom-right-radius: 10px;

width: 97.4%;

padding: 18px 0;

background: rgba(40, 38, 38, 0.8);
}
    .news_title{

margin-top: 17px;

}
    .chungco_aboutus{
        margin-top:50px;
        padding-top: 112px;
        background:url(../images/bg_chungnhan.jpg) no-repeat;
        height:492px;
    }
    .chungco_items img{
        margin-right:auto;
        margin-left:auto;
        display:block;
    }
.responsive .slick-prev{

z-index: 9998;

}
     .responsive .slick-prev:before{
    position: absolute;
    font-family: FontAwesome;
    left: 56px;
    color: white;
    z-index: 9999;
    top: 17%;
    height: 35px;
    content: "\f104";
    line-height: 35px;
    width: 35px;
    border: 1px solid white;
    }
    .responsive .slick-next{

    }
     .responsive .slick-next:before{
             position: absolute;
             font-family: FontAwesome;
             right: 36px;
             top: 34%;
             height: 35px;
             content: "\f105";
             line-height: 35px;
             width: 35px;
             border: 1px solid white;
    }

    .responsive1 .slick-prev{

    }
     .responsive1 .slick-prev:before{
             position: absolute;
    left: -54px;
    top: 34%;
    height: 44px;
    width: 44px;
    background: url(../images/nutpve.png) center center no-repeat;
    border: 0px;
    }
    .responsive1 .slick-next{

    }
     .responsive1 .slick-next:before{
             position: absolute;
             right: -54px;
             top: 34%;
             height: 44px;
             width: 44px;
             background: url(../images/nutnext.png) center center no-repeat;
             border: 0px;
    }
     .Catalog_title{
          margin-top:27px;
          text-align: center;
     }
     .Catalog_title h2::before {
    content: "";
    background: url(../images/line1.png) no-repeat;
    width: 217px;
    position: absolute;
    bottom: -34px;
    left: 30.8%;
    height: 30px;
}
     .Videos_title{
         margin-top:27px;
         text-align: center;
     }
     .Videos_title h2::before {
     content: "";
    background: url(../images/line1.png) no-repeat;
    width: 217px;
    position: absolute;
    bottom: -34px;
    left:  30.8%;
    height: 30px;
}
     .cata_slider{
         margin-top:30px;
         z-index: 1;
         position: relative;
     }
    .cata_slider .slick-prev{

z-index: 9999;

}
     .cata_slider .slick-prev:before{
             position: absolute;
             left: 34px;
             z-index: 9999;
             top: 34%;
             height: 44px;
             width: 44px;
             background: url(../images/nutpve.png) center center no-repeat;
             border: 0px;
    }
    .cata_slider .slick-next{

z-index: 9999;

}
     .cata_slider .slick-next:before{
             position: absolute;
             right: 39px;
             top: 91%;
             height: 44px;
             width: 44px;
             background: url(../images/nutnext.png) center center no-repeat;
             border: 0px;
    }
     .videos_slider{
         margin-top:30px;
     }


     .title-footer {
    position: relative;
    padding-bottom: 10px;
    background: url(../images/line_bottom.png) no-repeat 0px 28px;
    height: 42px;
    margin-bottom: 0 !important;
}
     .mnsub {
    position: relative;
}
     .mnsub a {
    position: relative;
    color: black;
    padding: 1px 0px;
    display: block;
    padding-left: 15px;
    font-size: 14px;
}
     .mnsub a:before {
    font-family: FontAwesome;
    content: "\f111";
    font-size: 8px;
    color: #71aa17;
    position: absolute;
    top: 6px;
    left: 0px;
}
     .bg_footer{
         height: 337px;
         background:url(../images/bg_footer.jpg) no-repeat;
     }
     .footerlist{

     }
     .footerlist li{

line-height: 1.8;

}
     #copyrights {
    background: #4f7510;
    color: #fff;
    /* margin-top: 10px; */
    line-height: 35px;
}
     #copyrights {
    color: #fff;
    background: #4f7510;
    font-size: 12px;
    padding: 8px 0;
}
     .block-one-half{
         padding-right:5px;
         margin-bottom:5px;
     }
     .btn_xemthem{
         background:#73a71d !important;

     }
     .d_page{

     }
     .d_page b{
             padding: 7px 7px 7px 12px;
    background: #73a71d;
    margin-right: 5px;
    color:white;
     }
     .d_page a{
        padding: 7px 12px;
    background: #28537e;
    margin-right: 5px;
    color: black;
     }
     .d_page a:hover{
           background: #73a71d;
             color:white;
     }
     .img-wrapper img{
         width:100%;
     }
     .header_medium{
         border-bottom: 2px solid #4f7510;
     }

      .socials .circle1 {font-size: 19px;border: 1px solid #4f7510;text-align: center;color: #4f7511 !important;width: 35px !important;height: 35px;line-height: 35px;background-color: transparent;border-radius:0;}

    .socials .circle1 {/* color: #fff !important; */transition: all .3s;}
    .products-cates {
    background: url(img/wave.png) repeat-x #4f7510;
}
    .panel-small-n{}
    .img-wrapper:hover{
        -webkit-transform: scale(1.1);
         transition: all 0.4s ease-in-out;
    }
    .img-wrapper img{
       
    }
    .skiptranslate{
        display:none;
    }
    .fixed {
    position: fixed;
    right: 0;
    background: white;
    top: 0;
    left: 0;
}
.has_submenu:hover .dropdown-menu {display:block !important}