/*@font-face {
font-family: 'UTMAvo';
font-style: normal;
font-weight: normal;
src: local('UTM Avo'), url('../fonts/utm-avo.woff') format('woff');
src:url('../fonts/utm-avo.ttf');
}
@font-face {
font-family: 'UTMAvoBold';
font-style: normal;
font-weight: normal;
src: local('UTMAvoBold'), url('../fonts/utm-avobold.woff') format('woff');
src:url('../fonts/utm-avobold.ttf');
}

@font-face {
	font-family: 'Avo-Bold';
	src: url("../fonts/utm_avobold_t.woff2") format("woff2"), url("../fonts/utm_avobold_t.woff") format("woff");
	font-weight: normal;
	font-style: normal
}*/
@font-face {
	font-family: 'UTMAvo';
	src: url("../fonts/utm_avo.eot") format("embedded-opentype"), url("../fonts/utm_avo.svg") format("svg"), url("../fonts/utm_avo.otf") format("opentype"), url("../fonts/utm_avo.ttf") format("truetype"), url("../fonts/utm_avo.woff2") format("woff2"), url("../fonts/utm_avo.woff") format("woff");
	font-weight: normal;
	font-style: normal
}
/*@font-face {
	font-family: 'UTMAvoBold';
	src: url("../fonts/Avo-Bold.eot");
	src: url("../fonts/Avo-Bold.eot") format("embedded-opentype"), url("../fonts/Avo-Bold.woff") format("woff"), url("../fonts/Avo-Bold.ttf") format("truetype"), url("../fonts/Avo-Bold.svg#RobotoRegular") format("svg"),url("../fonts/utm_avobold_t.woff2") format("woff2");
	font-weight: normal;
	font-style: normal
}*/

@font-face {
    font-family: 'UTMAvoBold';
    font-style: normal;
    font-weight: normal;
    src: local('UTMAvoBold'), url('../fonts/utm-avobold.woff') format('woff');
    src: url('../fonts/utm-avobold.ttf');
}

@font-face {
    font-family: 'Gotham Light';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Light'), url('../fonts/GothamLight.woff') format('woff');
}

@font-face {
font-family: 'Gotham Medium';
font-style: normal;
font-weight: normal;
src: local('Gotham Medium'), url('../fonts/GothamMedium.woff') format('woff');
}

@font-face {
    font-family: 'Gotham Book';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Book'), url('../fonts/GothamBook.woff') format('woff');
}

@font-face {
    font-family: 'Gotham Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Bold'), url('../fonts/GothamBold.woff') format('woff');
}



@font-face {
    font-family: 'Futura';
    src: url('../fonts/elle-futura-book.eot');
    src: url('../fonts/elle-futura-book.eot?#iefix') format('embedded-opentype'), url('../fonts/elle-futura-book.woff') format('woff'), url('../fonts/elle-futura-book.ttf') format('truetype'), url('../fonts/elle-futura-book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/elle-futura-bold.eot');
    src: url('../fonts/elle-futura-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/elle-futura-bold.woff') format('woff'), url('../fonts/elle-futura-bold.ttf') format('truetype'), url('../fonts/elle-futura-bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

*{margin: 0;padding: 0;outline: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-mos-box-sizing: border-box;}
body{font-family: Gotham Medium, sans-serif;font-size: 14px;color: #333333;line-height: 150%;font-weight:300}
.container{width: 1172px;max-width: 100%;margin: auto;}
.body-content{max-width: 100%;margin: auto;}
ul li{list-style: none;}a,ins{text-decoration: none;color: #070C08}
.clr{clear: both}
img{max-width: 100%}
.float-with{float: left;width: 100%}
.float-left{float: left;}
.float-right{float: right}
.logo{padding: 10px 0;}

.languae{padding: 10px 0;text-align: right;}
.languae a{display: inline-block;padding: 0 10px}

.social_icon img{padding-right: 0px;height:28px;}
.icon_en img {
    padding-right: 0px;
    height: 25px;
    padding-bottom:5px;
}

header .logo{padding: 20px 0;}
header .logo img{height: 80px;}

.navbar{margin-top: 24px;}
.navbar li{display: inline-block;padding: 0 15px;position: relative;}
.navbar li:first-child{padding-left: 0;}
.navbar li:last-child{padding-right: 0;}
.navbar a{display: block;font-family: 'Gotham Bold', sans-serif;font-size: 14px; text-transform: uppercase;padding: 5px 0;}
.navbar a:hover, .navbar a.active{border-bottom: solid 2px #00b743;}
.sub-menu{position: absolute;left: 15px;z-index: 99999;border: solid 1px #dddddd;background-color: #fff;width: 220px;top:37px;display: none;}
.sub-menu li{border-top: solid 1px #dddddd;display: block;}
.sub-menu li:first-child{border: 0;}
.sub-menu li a{font-size: 14px;padding: 10px 0;}
.sub-menu li a:hover, .sub-menu li a.active{color: #00b743;border-bottom: 0;}
.sub-menu li:first-child{padding-left: 15px;}
.navbar > li:hover > ul{display: block;}

#slide-intro{position: relative;margin: auto;}
#slide-intro img{display: block;width: 100%;}
.item-product{text-align: center;font-family:Roboto;}
.item-product .title{margin-top: 20px;}
.item-product a{font-size: 17px;text-transform: uppercase;font-weight:500;}
.item-product a:hover{color: #008d2b;}
.bg-product{background: url("../img/bg_product.jpg") no-repeat center top;background-size: 100% auto;}
#product-intro{padding: 50px 0 60px 0;}
#product-intro .name{color: #333333;text-transform: uppercase;text-align: center;font-size: 18px;font-family:'Gotham Medium',Helvetica,arial,sans-serif;}
#product-intro .name-1{color: #008d2b;text-transform: uppercase;text-align: center;font-size: 48px;margin: 40px 0;font-family:'Gotham Bold';font-weight:bold;}
#product-intro .summary{color: #727272;text-align: center;font-family:'Gotham Medium',Helvetica,arial,sans-serif; font-size:15px;}
.vien-product{border-bottom: solid 2px #e0a900;width: 86px;margin: auto;margin: 25px auto;}
#owl-product-intro{position: relative;margin: 50px 0 0 0;}
#slide-intro .owl-theme .owl-controls{position: absolute;bottom: 5px;z-index: 100;left: 0;width: 100%;text-align: center;}
.list-abouts{padding-bottom: 50px;}
.list-abouts ul li{float: left;margin-left: 5%;width: 21.25%;}
.list-abouts ul li:nth-child(4n+1){margin-left: 0;}
.list-abouts ul li a{text-transform: uppercase;color: #000;font-family: 'Gotham Bold',Helvetica,arial,sans-serif;font-weight: 100;}
.list-abouts ul li .cover{text-align: center;}
.list-abouts ul li a span{color: #f89d13;font-size: 60px;padding-right: 5px;}
.list-abouts ul li .more a{color: #eca100;text-transform: capitalize;border-bottom: solid 1px #eca100;font-family: 'Gotham Medium',Helvetica,arial,sans-serif;}
.list-abouts ul li .more a:hover{color: #008d2b;border-bottom: solid 1px #008d2b;}
.list-abouts ul li .summary {margin: 10px 0;height: 68px;overflow: hidden;font-family:'Gotham Medium';font-size:15px;color: #727272}
.bg-product.bg-about{background-image:  url("../img/bg_about.jpg");background-color: #ebebeb;}
.bg-product.bg-album{background-image: none;padding-bottom: 50px;}
.list-album li {float: left;width: 32%;position: relative;text-align: center;margin-left: 2%;margin-bottom: 22px;}
.list-album li:nth-child(3n+1){margin-left: 0;}
.list-album li img{width: 100%; height: 100%;display: block}
.list-album li .bg{position: absolute;width: 100%;height: 100%;background-color: #008d2b; opacity: 0.8;top: 0;left: 0;display: none;}
.list-album li  a{font-size: 18px;text-transform: uppercase;color: #fff;}
.list-album li .bg .name{position: absolute; bottom: 20px;left: 0;width: 100%;text-align: center;}
.list-album li a:hover .bg{display: block;}
.bg-product.bg-htcl{background-image:  url("../img/bg_htcl.jpg");}
.htcl-intro-content{width: 776px;max-width: 100%;margin: auto;border-radius: 8px;background-color: #fff;margin-bottom: 100px;padding: 30px;text-align: center;box-shadow: 0 0 2px 0;font-family:'Gotham Medium',Helvetica,arial,sans-serif;}
footer{font-family:'Gotham Book'; background-color: #fafafa; border-top: solid 1px #d7d7d7;padding: 20px 0;margin-top: 2px;}
.ft-footer .logo {height:100px;}
.ft-footer p{background: url('../img/adress.png') no-repeat left center;font-size: 15px;padding: 5px 0 5px 25px;font-weight: 400;}
.ft-footer .tel{background-image: url('../img/tel.png');}
.ft-footer .hot{background-image: url('../img/hot.png');}
.ft-footer .email{background-image: url('../img/email.png');}
.ft-copyright{padding: 10px 0 0 0;border-top: solid 1px #d7d7d7;color: #333333;font-size: 13px;font-weight: 300;margin-top: 10px;}
.right-ft{width: 50%;}
.right-ft .name{border-bottom: solid 2px #008d2b;text-transform: uppercase;font-weight: 600;width: 180px;margin: 15px 0 5px 0;}
.menu-ft li{background: url('../img/menu-ft.png') no-repeat left center;padding: 5px 15px;}
.menu-ft li a{font-weight: 400;font-size:15px;}
.menu-ft li a:hover{color: #008d2b;}
.sosial{margin-top: 10px;}
.sosial a{margin-right: 15px;}
.bg-product.bg-newleter{background-image:  url("../img/bg-newleter.jpg");text-align: center;padding: 50px 0;}
.newleter{max-width: 100%;width: 610px;position: relative;margin: auto;background-color: #fff;}
.newleter input{width: 100%;height: 48px;line-height: 48px;border: solid 1px #dddddd;background: url('../img/btn-em.png') no-repeat 16px center;border-right:0;padding-left: 56px;}
.newleter #btn-send{height: 48px;line-height: 48px;width: 150px;background: #f89d13 url('../img/btn-gui.png') no-repeat 40px center;border: 0;position: absolute; top: 0;right: 0;color: #fff;font-weight: 700;cursor: pointer;}
.newleter #btn-send:hover{opacity: 0.8;}
.txt-new{margin: 5px 0;padding-top: 120px;}
.navbar-toggle {position: absolute;padding: 9px 10px;margin-right: 0;background-color: transparent;background-image: none;border: 2px solid #008d2b;border-radius: 4px;cursor: pointer;display: none;right: 15px;top: 40px;}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #008d2b;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}

.bg-bread-about{background-image:  url("../img/bg-bread-about.jpg");color: #fff;padding: 50px 0 200px 0;}
.content-aboust-one{margin-top: 0px;background-color: #fff;padding: 50px 0 60px 0;position: relative;z-index: 1;}
.history-bg{padding: 100px 0;background: url('../img/history-bg.jpg') no-repeat right top;margin-bottom: 30px;}
.content-aboust-one .history{color: #fff;width: 420px;max-width: 100%;background-color: #ff9d1a;padding: 30px;}
.content-aboust-one .history .name{font-size: 20px;font-family: 'Gotham Bold',Helvetica,arial,sans-serif;line-height: 40px;margin-bottom: 10px;font-weight: 100;}

.content-aboust-one .history .summary {font-family: 'Gotham Book',sans-serif;font-size: 16px;}
.content-aboust-one .history-content {font-family: 'Gotham Book', sans-serif;font-size: 15px;font-weight:100;}

.content-aboust-two{padding: 100px 0;background-image:  url("../img/content-aboust-two.jpg");color: #fff;}
.content-aboust-two .golobal-name-30{width: 480px;max-width: 100%;margin: 0 auto 20px auto;}
.content-aboust-two .history-content {font-family: 'Gotham Book',sans-serif;font-size: 15px;}

p {padding: 8px 0;}

.three-bg {background: url('../img/three-bg.jpg') no-repeat left top;}

.three-bg .history {background-color: #f29292;float: right;}
.content-aboust-three .content-aboust-one{margin-top: 0 !important;}

.content-aboust-four{padding: 100px 0 180px 0;background-image:  url("../img/content-aboust-four.jpg");}
.content-aboust-four .golobal-name-30{color: #00b743;margin-bottom: 30px;}

.history-title {font-family: 'Gotham Bold';font-size: 26px;margin-bottom: 10px;line-height: 35px;}
.history-title-center {
    font-family: 'Gotham Bold';
    font-size: 26px;
    margin-bottom: 10px;
    line-height: 35px;
    text-align:center;
}
.history-content{font-family:'Gotham Book',sans-serif;font-size:15px;}
.history-content-bold {font-family: 'Gotham Bold';font-size: 15px;font-weight:600;}

/*-------------------ABOUT US ---------------------------------------------------------*/
.golobal-name{color: #fff;text-transform: uppercase;text-align: center;font-size: 48px;line-height: 64px;margin: 20px 0;font-family: 'Gotham Bold',Helvetica,arial,sans-serif;font-weight: bold;}
.golobal-name-30{color: #fff;text-transform: uppercase;text-align: center;font-size: 30px;font-family: 'Gotham Bold',Helvetica,arial,sans-serif;line-height: 40px;font-weight: 100;}
.golobal-name-40{color: #fff;text-transform: uppercase;text-align: center;font-size: 48px;font-family: 'Gotham Bold',Helvetica,arial,sans-serif;line-height: 58px;font-weight: 100;}
.golobal-sum{width: 810px;max-width: 100%;margin: auto;font-family:'Gotham Book', Helvetica,arial,sans-serif; font-weight:600; text-align: center; font-size:16px;}

/*-------------------QUALITY CONTROL PAGE ----------------------------------*/

.bg-bread-htcl{padding: 125px 0;background-image:  url("../img/bg-bread-htcl.jpg");}

.bg-bread-htcl .golobal-name-40{color: #008d2b;margin-bottom:20px;}
.bg-bread-htcl .golobal-sum{color: #000000;font-family: UTMAvoBold,Helvetica,arial,sans-serif;font-weight: 100;}

.banner-title {
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-size: 46px;
    font-family: 'Gotham Bold',Helvetica,arial,sans-serif;
    line-height: 55px;
    font-weight: bold;
    text-shadow: 2px 1px 1px #fff;
}

.banner-sum {
    width: 810px;
    max-width: 100%;
    margin: auto;
    font-family: 'Gotham Book', Helvetica,arial,sans-serif;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    text-shadow: 1px 1px 2px #fff;
}

.bg-bread-htcl .banner-title {color:#00b743;}

/*---------------------------------------------------------------------------*/


.list-htcl li {margin-top: 40px;position: relative;font-family: 'Gotham Book'; font-size:15px;}
.list-htcl li .pic{text-align: right;}
.list-htcl li.even .pic{text-align: left;}
.list-htcl li .name-big{position: absolute;height: 100%;left: 0;top:0;width: 100%;}
.list-htcl li .name{padding: 25px;background-color: #5e9ba7;width: 450px;color: #fff;position: absolute;top: 50%;transform: translateY(-50%);}
.list-htcl li.red .name{background-color: #f68657;}
.list-htcl li.green .name{background-color: #81be82;}
.list-htcl li.blue .name{background-color: #05a1c5;}
.list-htcl li.even .name{right: 0;}

.bg-bread-pp{background-image:  url("../img/bg-bread-pp.jpg");color: #fff;padding: 100px 0 120px 0;}
.golobal-name.greens{color: #00b743;}
.htpp-content .float-left{width: 50%;text-align: center;}
.detail-htpp {padding: 40px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.34);height: 370px;background: #f1f1f1  no-repeat right bottom;margin-top: 150px;text-align: left;}
.detail-htpp .name{font-weight: 700;font-size: 18px;text-transform: uppercase;line-height: 30px;color: #333333;width: 90%;max-width: 100%;margin-bottom: 30px;}
.detail-htpp p{color: #333333;font-weight: 700;padding: 4px 0;}
.detail-htpp p span{color: #ff7d23;font-weight: 300;}
.content-aboust-one.htpp{padding: 50px 0 60px 0;}

.bg-bread-sp{background-image:  url("../img/bg-bread-sp.jpg");padding: 120px  0 100px 60px;}
.bg-bread-sp .golobal-name-40{text-align: left;color: #00b743;}
.bg-bread-sp .golobal-sum{font-size: 30px;font-family: 'UTMAvoBold',Helvetica,arial,sans-serif;color: #000000;line-height: 38px;text-align: left;margin: 15px 0 0 0;width: 540px;font-weight: bold;}

.category-sp{font-size: 20px;font-family: 'UTMAvoBold',Helvetica,arial,sans-serif;background-color: #00b743;padding: 15px 30px;color: #fff;text-transform: uppercase;text-align: center;display: inline-block;font-weight: bold;}
.list-sp{margin-top: 50px;background-image:  url("../img/list-sp.jpg");}
.list-sp ul{margin: 30px 0;border-bottom: solid 1px #dddddd;padding: 0 0 30px 0;}
.list-sp ul li{text-align: center;float: left;margin-left: 3%;width:23.5%;margin-bottom: 30px;}
.list-sp ul li:nth-child(3n+1){margin-left: 0;}
.list-sp ul li .item-group{margin: 0 20px;background-color: rgba(255, 255, 255, 0.7);padding: 20px; border: 1px solid #f1f1f1;}
.list-sp ul li .item-group:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.list-sp ul li .item-group .dis-cont{height: 74px;overflow: hidden;}
.list-sp ul li .title {margin-top: 10px;}
.list-sp ul li .title a {color: #727272;font-size: 15px;font-family: 'Gotham Medium';font-weight: 600;text-transform: uppercase;}
.list-sp ul li .title a:hover{color: #00b743;}
.list-sp ul:last-child{border: 0;margin-bottom: 0;}
.list-sp .category-sp.last{/*width: 100%;text-align: left;padding-left: 50px;*/}

    

.list-sp-detail{background-image: none;padding: 25px 0;}
.bg-bread-sp.detail{padding: 40px  0 40px 0;}
.list-sp-detail .float-left{width: 50%;}
.list-sp-detail .float-left .cover{padding: 0 10px;text-align: left;}
.list-sp-detail .float-left .tskt{text-align: left;}
.list-sp-detail .float-left .tskt img{width: 55%;}
.list-sp-detail .float-left .name{font-family:UTMAvoBold,Helvetica,arial,sans-serif; font-weight:100; text-align:left; text-transform: uppercase;font-size: 24px;color: #333333;margin-bottom: 5px;line-height: 40px;}
.list-sp-detail .float-left .cont-quicach {}
.list-sp-detail .float-left .cont-quicach table {width: 70%;border-collapse: collapse;border-spacing: 0;margin-bottom: 20px;margin-top:10px;}
.list-sp-detail .float-left .cont-quicach table td {border:1px solid #dddddd;padding:4px;padding-right:15px;}
.list-sp-detail .float-left .cont-quicach .label-desc {text-align: right;font-family:Roboto;font-size: 14px;font-weight:bold}
.list-sp-detail .float-left .cont-quicach .label-content {text-align: left;font-family: UTMAvo;font-size: 14px;}
.list-sp-detail .ref-link {padding-bottom:10px;}
.list-sp-detail .ref-link a {font-size: 14px;font-family: 'Gotham Book';font-weight: 500;text-decoration: underline;}
.list-sp-detail .ref-link a:hover{text-decoration:none;}

.dot-bold{
    font-size:22px;
    font-weight:bold;
}

.ingredients-title {
    font-family: 'Gotham Bold';
    font-size:16px;
    padding-top:10px;
    padding-bottom:5px;
    text-decoration:none;
}
.ingredients {
    font-family: 'Gotham Book'; text-transform: uppercase;font-size:14px;
}

.product-detail-name {
    font-family: 'Gotham Bold';
    font-size: 24px;
    padding-bottom:5px;
    text-decoration: none;
}

.product-detail-desc {
    padding-top:5px;
    font-family:'Gotham Bold';
    font-size: 20px;
    padding-bottom: 10px;
    text-decoration: none;
}

.test_mark_tuv img {
    float: left;
    height: 100px;
    padding-right: 15px;
    padding-top: 10px;
}

.quality-system-title {
    font-family: 'Gotham Medium';
    font-size: 15px;
    font-weight:500;
    padding-top: 15px;
    padding-bottom: 5px;
    text-decoration: none;
}

.quality-system-desc {
    float:left;
    font-family: 'Gotham Book';
    font-size: 16px;
    font-weight:500;
    padding-top:15px;
}

.cont-dis{line-height: 22px;margin-bottom: 20px;}
.bold{font-weight: bold;}

.bg-bread-tv{padding: 100px 0;background-image: url("../img/bg-bread-tv.jpg");}
.bg-bread-tv .golobal-name-40{margin-bottom: 20px;}
.bg-bread-tv .golobal-sum {color: #fff;}

.bg-bread-video{padding: 100px 0 140px 0;background-image: url("../img/bg-bread-video.jpg");}
.bg-bread-video .golobal-name-40{margin-bottom: 20px;}
.bg-bread-video .golobal-sum {color: #fff;}

.list-tv{padding-top: 80px;}
.pagination{border-top: solid 1px #dddddd;padding: 20px 0;text-align: center;margin: 20px 0 50px 0;}
.pagination.sub{text-align: left;border: 0;padding: 0;}
.pagination.sub a:first-child{margin-left: 0;}
.pagination a{display: inline-block;margin: 0 8px;border-radius: 4px;background-color: #dbdbdb;color: #fff;text-align: center;padding: 0 17px;line-height: 42px;font-family: 'UTMAvoBold',Helvetica,arial,sans-serif;font-weight: bold;}
.pagination a.active, .pagination a:hover {background-color: #00b743;}

.list-album li .bg.icon-video{background: url('../img/icon-video.png') no-repeat center center;display: block;opacity: 1;}
.list-album li a:hover .bg.icon-video{background: url('../img/icon-video-hover.png') no-repeat center center;}

.bg-bread-lienhe {background-image: url("../img/bg-bread-lienhe.jpg");}

.detail-lienhe {font-family:'Gotham Medium'}
.detail-lienhe{text-align: left;color: #333333;}
.detail-lienhe .name{font-weight: 400;font-size: 30px;padding: 90px 0 20px 0;}
.detail-lienhe{font-size: 15px;font-weight: 300;width: 500px;max-width: 100%;}
.detail-lienhe span{font-weight: 400;}

.map{margin-bottom: 30px;}
.content-aboust-one.htpp.lhtmp{padding-bottom: 0;}

.bg-bread-tintuc{background-image: url("../img/bg-bread-tintuc.jpg");color: #fff;}
.list-tintuc{padding: 80px 0;}
.list-tintuc .float-left{width: 68%;padding-right: 30px;}
.list-tintuc .float-right{width: 32%;}
.list-tintuc .float-right .name{font-weight: 700;text-transform: uppercase;background-color: #00b743;color: #fff;padding: 13px 20px;}
#new-menu-left li {float: left;width: 100%;padding: 30px 0;border-bottom: solid 1px #dddddd;}
#new-menu-left li:first-child{padding-top: 0;}
#new-menu-left li .cover{float: left;width: 50%;padding-right: 20px;}
#new-menu-left li .cover img{width: 100%;}
#new-menu-left li .summary{float: left;width: 50%;}
#new-menu-left li .summary .title{font-weight: 700;}
#new-menu-left li .summary .date{font-size: 12px;font-style: italic;font-weight: 300;color: #858585;background: url('../img/icon-date.png') no-repeat left center;padding-left: 25px;margin: 5px 0;}

#new-menu-left.sub-newss li .summary .title{font-weight: 300;}
#new-menu-left.sub-newss li{padding: 20px 0;}
#new-menu-left.sub-newss li:last-child{border: 0;padding-bottom: 0;}

.bg-bread-tintuc-detail{background-image: url("../img/bg-bread-tintuc-detail.jpg");}
.bg-bread-tintuc-detail .golobal-name-40{text-align: left;padding: 32px 0;}
.detail-news h1{font-weight: 700;font-size: 30px;line-height: 36px;}
.detail-news .date{font-size: 12px;font-style: italic;font-weight: 300;color: #858585;background: url('../img/icon-date.png') no-repeat left center;padding-left: 25px;margin: 15px 0;}
.detail-news .sum-dt{font-weight: 700;}
.detail-news .content-news{margin: 20px 0;border-bottom: solid 1px #dddddd;padding-bottom: 20px;}
.other-news {margin-top: 30px;}
.other-news .name{font-weight: 700;text-transform: uppercase;color: #00b743;background-color: #f0f0f0; border-top:  solid 1px #dddddd;border-bottom:  solid 1px #dddddd;padding: 8px 12px;}
.list-other-news{margin-top: 30px;}
.list-other-news li{float: left;margin-left: 4%;margin-bottom: 30px;width: 30.6666%;}
.list-other-news li:nth-child(3n+1){margin-left: 0;}
.share{font-weight: 700;}
.share span{float: left;}
.share span.name{padding-right: 15px;}
#slide-intro.slide-sp .col-center .golobal-name-40{text-align: left !important;padding-left: 30px;}
#slide-intro.slide-sp .col-center .golobal-sum{font-size: 30px;font-family: 'UTMAvoBold',Helvetica,arial,sans-serif;font-weight: bold;color: #000000;line-height: 38px;text-align: left;margin: 15px 0 0 0;width: 540px;padding-left: 30px;}
.col-center-bg{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
#slide-intro.slide-sp .container{height: 100%;position: relative;}

.greens{color: #00b743;}
.text-shadow-name{text-shadow:  0 1px 2px rgba(0, 0, 0, 0.56);}
.font-UTMAvoBold{font-family: 'UTMAvoBold',Helvetica,arial,sans-serif;font-weight: bold;}
.font-UTMAvo{font-family: 'UTMAvo',Helvetica,arial,sans-serif;}
.min-height{height: 400px;position: relative;}
.col-center{position: absolute;top: 50%;width: 100%;transform: translateY(-50%);text-align: center;left: 0;padding: 0 15px;}
.col-center .margin-20{margin-bottom: 20px;}

.golobal-sum-slide{font-family: 'UTMAvoBold',Helvetica,arial,sans-serif;font-size: 30px;color: #000000;line-height: 38px;font-weight: bold;}
.golobal-name-40-slide{color: #00b743;text-transform: uppercase;font-size: 48px;font-family: 'UTMAvoBold',Helvetica,arial,sans-serif;line-height: 58px;font-weight: bold;}
#mainSlider #owl-main .owl-pagination{z-index: 100;background-color: transparent !important;padding: 0 !important;bottom: -20px !important;}

.fixed-top {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;background-color: #fff;border-bottom: 1px solid #ddd;}
.slide-bn-intro{text-align: center;max-width: 600px;margin-left: 60px;font-family: 'Gotham Medium',Helvetica,arial,sans-serif;}
.slide-bn-intro.centext{margin: 0 auto}
.slide-bn-intro.righttext{margin-right:60px;float: right;margin-top: 50px;}
.slide-bn-intro .cover{padding: 58px 0 0 0;}
.slide-bn-intro .title{font-size: 24px;color: #fff;margin:0 0 16px 0;line-height: 30px;}
.slide-bn-intro .more a{display: inline-block;font-size: 18px;color: #e38901;background-color: #fbf2e5;border: solid 2px #f89d13; border-radius: 4px;padding: 10px 30px;text-transform: uppercase;}
.slide-bn-intro .more a:hover{opacity: 0.8;}

.navbar li.sub-category a{padding-right: 26px;}
.navbar li.sub-category a{background: url('../img/arrow-up.png') no-repeat right 12px;}
.navbar li.sub-category a.active{background: url('../img/arrow-down.png') no-repeat right 12px;}
.navbar li.sub-category .sub-menu a{background-image: none;padding-right: 0;}
#chungchi-intro{padding: 0 60px;}
#chungchi-intro .item-cc{text-align: center;}
#chungchi-intro .owl-prev{left: -40px !important;}
#chungchi-intro .owl-next{right: -40px !important;}

.term-condition{ font-family:'Gotham Book'; font-size:12px;text-decoration:underline;}
.term-condition a:hover {
    color: #008d2b;
}


/*-----------FOOD SAFETY HOME PAGE-----------------------*/
.food-safety-title {
    font-family: 'Gotham Medium',sans-serif;
    font-size: 15px;
    font-weight: 100;
    color:#727272;
}

.food-safety-title-bold {
    font-family: 'Gotham Bold',sans-serif;
    font-size: 16px;
    color: #727272;
}

.food-safety-title .more {padding-top:10px;}
.food-safety-title .more a {
    color: #eca100;
    text-transform: capitalize;
    border-bottom: solid 1px #eca100;
    font-family: 'Gotham Medium',Helvetica,arial,sans-serif;
    font-size: 15px;
}

.food-safety-title .more a:hover {color: #008d2b;border-bottom: solid 1px #008d2b;}
/*--------------------------------------------------------------------------------------*/


.dkkd {
    font-size: 11px;
    padding-bottom: 5px;
    padding-top: 4px;
}

/* ----------------PRODUCTS LIST--------------*/
#product-list .summary {
    color: #727272;
    text-align: center;
    font-family: 'Gotham Medium',Helvetica,arial,sans-serif;
    font-size:15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

#product-list .product-list-title {
    padding-top: 0px;
    color: #008d2b;
    text-transform: uppercase;
    text-align: center;
    font-size: 40px;
    margin: 25px 0px;
    font-family: 'Gotham Bold';

}

.mailto {
    font-family: 'Gotham Book';
    font-size: 13px;
}

.mailto a:hover {
    color: #008d2b;
    text-decoration:underline;
}
/*------------------------------------------*/

.contact-us {text-align:left;padding-top:15px;}
.contact-us .logo {height: 120px;}
.contact-us p{background: url('../img/adress.png') no-repeat left center;font-size: 15px;padding: 15px 0 5px 25px;font-weight: 400;}
.contact-us .tel {background-image: url('../img/tel.png');}
.contact-us .hot{background-image: url('../img/hot.png');}
.contact-us .email{background-image: url('../img/email.png');}
.contact-us .mailto {font-family: 'Gotham Medium';font-size: 15px;}
.contact-us .mailto a:hover {color: #008d2b;text-decoration: underline;}

@media only screen and (max-width: 1170px) {
    .container{padding: 0 15px}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ft-footer .left, .right-ft{width: 100%;}
}
@media only screen and (max-width: 949px) {
    #product-intro{padding: 40px 0 30px 0;}
    .owl-prev{left: 0 !important}
    .owl-next{right: 0 !important;}
    #product-intro .name-1{font-size: 30px;line-height: 36px;margin: 20px 0;}
    .list-abouts ul li{width: 47.5%;margin-bottom: 25px;}
    .list-abouts ul li:nth-child(2n+1){margin-left: 0;}
    
    .list-album li{width: 49%;}
    .list-album li:nth-child(3n+1){margin-left: 2%;}
    .list-album li:nth-child(2n+1){margin-left: 0;}
    
    .left, .right, .float-left, .float-right{width: 100% !important}
	.list-sp-detail .float-left .tskt img{width: 100%;}
    
    .navbar-toggle {display: block;}
    .logo{position: relative;z-index: 999;padding: 10px 0;width: 80px !important;}
    .logo img{height: 70px;}
    #mainNav{position: absolute;right: 0;top: 5px;width: 300px;z-index: 998;}
    .navbar{background-color: #ebebeb;width: 100%;float: right;margin-top: 47px;padding: 10px 0;display: none;}
    .navbar li{display: block;}
    .navbar li:first-child{padding-left: 15px;}
    .languae a{padding: 0 8px}
    .languae{padding-right: 10px;}
    
    .content-aboust-two, .content-aboust-four, .content-aboust-one, .bg-bread-about, .bg-bread-htcl, .bg-bread-pp, .bg-bread-sp, .bg-bread-tv, .bg-bread-video{padding: 50px 0;}
    .history-bg{padding: 0;background-image: none;}
    .content-aboust-one{margin-top: 0;}
    
    .list-htcl li{margin: 20px 0 20px 0;}    
    .list-htcl li .name{width: 100%;top: 0;transform: translateY(-0%);position: inherit;}
    .list-htcl li .name-big{position: inherit;}
    .detail-htpp{margin-top: 0;padding: 15px;}
    .detail-htpp .name{font-size: 20px;}
    .detail-lienhe .name{padding-top: 0;}
    .map{margin-top: 20px;}
    .map iframe{height: auto;min-height: 250px;}
 
    .bg-bread-sp .golobal-sum{margin-left: 0;}
    
	.list-sp ul{padding-bottom:30px;}
    .list-sp ul li{width: 48.5%;}
    .list-sp ul li:nth-child(3n+1){margin-left: 3%;}
    .list-sp ul li:nth-child(2n+1){margin-left: 0;}
    .list-sp-detail .float-left .cover{padding: 0;}
    
    .sub-menu{position: static;left: 0;width: 100%;}
    .sub-menu li a{padding: 5px 0;}
    
    .list-tv{padding-top: 30px;}
    .txt-new{padding-top: 50px;}
    .pagination a{padding: 0 15px;margin: 0 5px;}
    .list-tintuc{padding: 30px 0;}
    .list-tintuc .float-left{padding-right: 0;}
    
    .golobal-name-40, .golobal-name, .golobal-name-40-slide{font-size: 30px;line-height: 36px;}
    .golobal-sum, .golobal-sum-slide{font-size: 16px !important;line-height: 22px !important;}
    .golobal-name{margin: 0 0 20px 0 !important;}
    .min-height{height: auto;min-height: 200px;}
    .bg-bread-tintuc-detail .golobal-name-40{padding: 35px 0;}
    
    #slide-intro.slide-sp .col-center .golobal-name-40, #slide-intro.slide-sp .col-center .golobal-sum{padding-left: 0;}
    #slide-intro.slide-sp img{min-height: 180px;}
    .content-aboust-one .history .name, .golobal-name-30, .detail-news h1{font-size: 20px;line-height: 28px;}
    
    .golobal-name-40-slide{font-size: 36px;line-height: 46px;}
    .golobal-sum-slide{font-size: 20px !important;line-height: 30px !important;}
    
    .content-aboust-one .history{width: 100%;}
	.container.container-slide{width: 100%;}
    .slide-bn-intro{margin-left: 0;}
    .slide-bn-intro .cover{padding: 20px 0 0 0;}
    .slide-bn-intro .cover img{height: 30px !important;}
	.slide-bn-intro.centext .cover img{height: 200px !important;}
	.slide-bn-intro.righttext .cover img{height: 120px !important;}
    .slide-bn-intro .title{font-size: 20px;line-height: 30px;}
    .slide-bn-intro .more a{padding: 5px 15px;font-size: 16px;}
    .navbar a{border-bottom: solid 1px #fff;}
    .navbar li:last-child a{border: 0;}  
    .navbar a.active{color: #00b743;}
    .sub-menu{background-color: transparent;border: 0;}
    .sub-menu li, .sub-menu li:first-child{border: 0;padding-left: 0;padding-right: 0;}
    .sub-menu li a, .navbar li.sub-category .sub-menu a{background: url('../img/icon-sub-mn.png') no-repeat left center;padding-left: 20px;background-size: 10px auto;}
    .sub-menu li a:hover, .sub-menu li:last-child a:hover, .sub-menu li a.active, .sub-menu li:last-child a.active{border-bottom: solid 1px #00b743;}
    .sub-menu li:last-child a{border-bottom: solid 1px #fff;}
    .sub-menu.active{display: block;}
	
	.bg-product.bg-newleter{background-size: cover;}
}
@media only screen and (max-width: 487px) {
   .list-abouts ul li{width: 100%;margin-bottom: 25px;margin-left: 0;}
	.list-sp ul{padding-bottom:20px;}
    .list-sp ul li{width: 100%;margin-left: 0;}
    .list-sp ul li:nth-child(3n+1), .list-sp ul li:nth-child(2+1){margin-left: 0;}
    .list-sp .category-sp{text-align: center;width:100%;}
    
    #new-menu-left li .cover, #new-menu-left li .summary{width: 100%;padding-right: 0;}
    .list-other-news li{width: 48%;}
    .list-other-news li:nth-child(3n+1){margin-left: 4%;}
    .list-other-news li:nth-child(2n+1){margin-left: 0;}
    .detail-htpp{background-image: none;}
    .slide-bn-intro .more a{padding: 4px 14px;font-size: 13px;}
    .slide-bn-intro .title{margin-bottom: 10px;}
    
    .slide-bn-intro .cover{padding: 10px 0 0 0;}
    .slide-bn-intro .cover img{height: 25px !important;}
    .slide-bn-intro .title{font-size: 16px;line-height: 22px;}
	.slide-bn-intro.centext .cover img{height: 150px !important;}
	.slide-bn-intro.righttext .cover img{height: 80px !important;margin-right: 0;}
    .slide-bn-intro .more a{padding: 5px 15px;font-size: 14px;}
    
    .golobal-name-40-slide{font-size: 30px;line-height: 36px;}
    .golobal-sum-slide{font-size: 16px !important;line-height: 22px !important;}
    .text-shadow-name {display:none;}

    .banner-title {
        color: #008d2b;
        text-transform: uppercase;
        text-align: center;
        font-size: 20px;
        font-family: 'Gotham Bold',Helvetica,arial,sans-serif;
        line-height: 25px;
        font-weight:bold;
    }

    .banner-sum {
        display:none;
    }
}
@media only screen and (min-width: 380px) and (max-width: 420px) {
    
}
@media only screen and (max-width: 320px){
    
}