@import url("../template/bootstrap-3.3.7/css/bootstrap.min.css");
@import url("font-awesome.min.css");
@import url("loading.css");
@import url("normalize.css");
@import url("head-nav.css");
@import url("animate.css");
@import url("../font/styles.css");

.clear{clear: both;}
a{
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
a:hover{text-decoration: none;}
html,
body {
    background: #fff;
    height: 100%;color: #231F20;
    font-size: 13px;
    position: relative;
    z-index: -1;
    font-family: 'HelveticaNeue';
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
.body{position: relative;}
/* text-inverse is deprecated */
.text-inverse {
  color: #ffffff;
}

ul{padding: 0px;}
li{list-style: none;}
p{margin-bottom: 0;}

footer{background-color: #fff;}
    footer .footer-top-wrap{background-color: #9E6C37;padding: 3% 0;}
        footer .footer-top-wrap .footer-top-left{}
            footer .footer-top-wrap .footer-top-left img{}
        footer .footer-top-wrap .footer-top-right{}
            footer .footer-top-wrap .footer-top-right .footer-top-right-wrap{}
            footer .footer-top-wrap .footer-top-right .footer-top-right-wrap.footer-link{}
                footer .footer-top-wrap .footer-top-right .footer-top-right-wrap.footer-link a{display: block;font-family: 'HelveticaNeueLTStd-Bd';color: #fff;font-size: 12px;margin-bottom: 3px;}
                footer .footer-top-wrap .footer-top-right .footer-top-right-wrap.footer-link a:hover{color: #000;}
            footer .footer-top-wrap .footer-top-right .footer-top-right-wrap.footer-detail{}
                footer .footer-top-wrap .footer-top-right .footer-top-right-wrap.footer-detail .footer-title{font-family: 'HelveticaNeueLTStd-Bd';color: #fff;font-size: 12px;}
                footer .footer-top-wrap .footer-top-right .footer-top-right-wrap.footer-detail .footer-content{color: #fff;margin-bottom: 10px;}
                footer .footer-top-wrap .footer-top-right .footer-top-right-wrap.footer-detail a{color: #fff;}
    footer .footer-bot-wrap{padding: 3% 0;width: 100%;overflow: hidden;}
        footer .footer-bot-wrap .footer-bot-left{}
            footer .footer-bot-wrap .footer-bot-left .copyright{font-size: 12px;color: #7c7c7c;}
        footer .footer-bot-wrap .footer-bot-right{}
            .wrap-partner{display: inline-block;}
            .wrap-partner.for-content {margin-left: -10px;}
            .wrap-partner.for-content img{min-height:53px; display: inline-block !important;}
                .wrap-partner img{ text-align: left; margin-right: 10px; margin-bottom: 20px; max-height: 50px;display: inline-block;}

@media (max-width: 992px){
    footer .footer-bot-wrap .footer-bot-left .copyright{text-align: center;margin-bottom: 3%;}
    footer .footer-bot-wrap .footer-bot-right .wrap-partner{margin: 0 auto;}
}
@media (max-width: 767px){
    footer .footer-top-wrap .footer-top-left img{margin-bottom: 8%;}
    footer .footer-top-wrap{padding:12% 0;}
    footer .footer-top-wrap .footer-top-right .footer-top-right-wrap{margin-bottom: 3%;}
    footer .footer-bot-wrap .footer-bot-right .wrap-partner{}
    footer .footer-bot-wrap .footer-bot-right .wrap-partner img{margin-bottom: 5%;}
}
@media (max-width: 572px){
    .wrap-partner.for-content img{min-height: 40px;width: 60px!important;margin-bottom: 0!important;margin-right: 10px !important}
}
/* === Go to Top Button ===*/
#gototop{bottom: 7%;
    position: fixed;
    right: 3%;display: none;}

.wrap-line-break{padding: 0 5%;}
    .line-break{border: 1px solid #b7b7b7;}
.container .row .wrap-line-break{padding: 0 1%;}

#header{position: relative;}
    #header .header-image-wrap img{width: 100%;}
    #header .header-content{color: #fff;font-size: 28px;position: absolute;top: 35%;text-align: center;padding:0 15%;line-height: 180%;}
    #header .arrow-bot{position: absolute;width: 100%;text-align: center;bottom: 7%;}
    #header .arrow-bot img{
      -webkit-animation: ani1 1.5s infinite; /* Safari 4+ */
      -moz-animation:    ani1 1.5s infinite; /* Fx 5+ */
      -o-animation:      ani1 1.5s infinite; /* Opera 12+ */
      animation:         ani1 1.5s infinite;
    }
    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes ani1 {
        10%  {transform: scale(0.7);}
        37%  {transform: scale(1);}
        74%  {transform: scale(1.3);}
        100% {transform: scale(1);}
    }

    /* Standard syntax */
    @keyframes ani1 {
        10%  {transform: scale(0.7);}
        37%  {transform: scale(1);}
        74%  {transform: scale(1.3);}
        100% {transform: scale(1);}
    }


@media (max-width: 1221px) {
    #header .header-content{position: relative; color: #000;line-height: 130%;font-size: 22px;padding: 5%;background-color: #DCDDDE;}
}
@media (max-width: 572px){
    #header .header-content{font-size: 18px;}
}


#home-banner{background-color: #9E6C37;overflow-x: hidden;}
    #home-banner .wrap-banner{position: relative;height: 100%;}
        #home-banner .wrap-banner .banner-img{background-size: 100%!important;background-repeat: no-repeat!important;height: 100%;background-position: center center !important;}
            #home-banner .wrap-banner .banner-img img{height: 100%;display: block;}
        #home-banner .wrap-banner .banner-content{font-size: 30px;color: #fff;position: absolute;top: 40%;right: 0;width: 50%;line-height: 130%;padding-right: 5%;font-family: 'hermesbold';text-transform: uppercase}
@media (max-width: 767px){
    #home-banner{padding-top: 15%;}
    #home-banner .wrap-banner .banner-img{background-size: cover!important;}
    #home-banner .wrap-banner .banner-content{position: relative;text-align: center;width: 100%;padding: 5%;font-size: 25px;}
}
@media (max-width: 572px){
    #home-banner{padding-top: 20%;}
}

#home-product{background-size: 100%!important;background-repeat: no-repeat!important;position: relative;overflow: hidden;}
    #home-product .wrap-content{width: 100%;padding: 0 15%;position: absolute;top: 20%;}
        #home-product .wrap-content .thiscontent{}
            .wrap-content .thiscontent .title{font-family: 'hermesbold';font-size: 35px;color: #9E6C37;margin-bottom: 3%;}
            .wrap-content .thiscontent .content{font-size: 18px;color: #231F20;margin-bottom: 10%;}
            .wrap-content .thiscontent .readmore a{font-family: 'HelveticaNeueLTStd-Bd';font-size: 13px;color: #9E6C37;border: 2px solid #9e6c37;padding: 8px 12px;border-radius: 5px;}
            .wrap-content .thiscontent .readmore a:hover{color: #6D6E70;border-color: #6D6E70;}

@media (max-width: 992px){
    #home-product .wrap-content{position: relative;padding: 5%;}
        .wrap-content .thiscontent .title{font-size: 30px;}
        .wrap-content .thiscontent .content{font-size: 16px;margin-bottom: 15%;}
}

#home-row3{}
    #home-row3 .wrap-content{}
        #home-row3 .wrap-content .content-img{background-size: 100%!important;background-repeat: no-repeat!important;}
        #home-row3 .wrap-content .content-detail{padding: 4% 10% 3% 5%;}
        #home-row3 .wrap-content .thiscontent.content-l{float: left;}
        #home-row3 .wrap-content .thiscontent.content-r{float: right;}

@media (max-width: 767px){
    #home-row3 .wrap-content .content-detail{padding: 3% 8% 8%;}
}

#list-content {width: 100%;position: relative;}
        #list-content .content-l{word-wrap: break-word;}
            #list-content .content-l h2{font-family: 'hermesbold';font-size: 34px;color: #9E6C37;margin: 0;}
        #list-content .content-r{font-size: 17px;padding-right: 5%;}
            #list-content .content-r p{margin-bottom: 7%;line-height: 150%;}
            #list-content .content-r img{margin: 4% auto 7%;display: table;max-width: 100%;padding-left:0;}
            #list-content .content-r .for-content{padding: 3% 0;}
            #list-content .content-r ul li{margin-left: 20px;padding-left: 10px;}
            #list-content .content-r ul.list-dot li{list-style: disc;}
            #list-content .content-r ul.list-number li{list-style: decimal;}

        /*Left Contact*/
        #list-content .content-l .contact-address{margin-top: 40px;}
            #list-content .content-l .contact-address .contact-title{font-size: 15px;color: #9E6C37;margin-bottom: 6px;font-weight: bold;}
            #list-content .content-l .contact-address .contact-content{margin-bottom: 20px;}
        #list-content .content-r{}
            #list-content .content-r .wrap-form-contact{}
                #list-content .content-r .wrap-form-contact form{}
                    #list-content .content-r .wrap-form-contact form label{min-width: 140px;font-family: 'Helvetica Neue Bold';color: #9E6C37;vertical-align: top;}
                    #list-content .content-r .wrap-form-contact form .dot-comment{vertical-align: top;display: inline;}
                    #list-content .content-r .wrap-form-contact form input[type=text], #list-content .content-r .wrap-form-contact form textarea{margin-left: 30px;width: 70%;}
                    #list-content .content-r .wrap-form-contact form input[type=text]{border: 1px solid #a8a8a8;border-radius: 0;padding: 6px 10px;}
                    #list-content .content-r .wrap-form-contact form input[type=submit]{font-family: 'Helvetica Neue Bold';color: #9E6C37;font-size: 15px;border: 3px solid #9E6C37;background-color: transparent;padding: 10px 35px;border-radius: 5px;margin-left: 40px;
                      -webkit-transition: all 0.5s ease-out;
                      -moz-transition: all 0.5s ease-out;
                      -o-transition: all 0.5s ease-out;
                      transition: all 0.5s ease-out;
                    }
                    #list-content .content-r .wrap-form-contact form input[type=submit]:hover{color: #000;border-color: #000;}
                    #list-content .content-r .wrap-form-contact form textarea{border: 1px solid #a8a8a8;padding: 5px 10px;}
                    #list-content .content-r .wrap-form-contact form span{display: block;color: #ff1111;}
        /*End Left Contact*/

        #list-content .content-r2{}
        #list-content .content-r2 .wrap-b{font-weight: bold;}
            #list-content .content-r2 .wrap-detail{width: 100%;font-size: 11px;padding: 7px 0 5px;line-height: 160%;}
              #list-content .content-r2 .wrap-detail .detail-label, #list-content .content-r2 .wrap-detail .detail-dot, #list-content .content-r2 .wrap-detail .detail-value{float: left;margin-right: 5px;}
                #list-content .content-r2 .wrap-detail .detail-label{width: 40%;}
                #list-content .content-r2 .wrap-detail .detail-dot{width: 5%;}
                #list-content .content-r2 .wrap-detail .detail-value{width: 45%;}
                #list-content .content-r2 .wrap-detail table{width: 100%;}
                    #list-content .content-r2 .wrap-detail table tr{}
                        #list-content .content-r2 .wrap-detail table tr td{padding: 3px 0;}

                .process-wrap{padding: 5% 0;}
                    .process-wrap .process-title{font-family: 'hermesbold';font-size: 26px;color: #9E6C37;margin-bottom: 3%;}
                    .process-wrap img{padding-top: 5%;width: 100%;}

        table.domestic-table{width: 80%;margin: 5% 0;}
            table.domestic-table tr{}
                table.domestic-table tr td.child{padding-left: 3%;}
                table.domestic-table tr td:nth-child(1) {color: #777777;vertical-align: top;width: 40%;}

@media (max-width: 992px){
    #list-content .content-l h2{font-size: 30px!important;}
    #list-content .content-l .image img{width: 100%;}

    table.domestic-table{width: 100%;}
    table.domestic-table tr td:nth-child(1) {width: 50%;}
}
@media (max-width: 767px){
    #list-content .content-l h2{margin-bottom: 5%;}
    .process-wrap .process-title{font-size: 20px;}
    table.domestic-table tr td:nth-child(1) {width: 50%;}

    #list-content .content-r .wrap-form-contact form input[type=text], #list-content .content-r .wrap-form-contact form textarea{margin-left: 0;width: 100%;}
    #list-content .content-r .wrap-form-contact form label{min-width: auto;margin-right: 10px;}
    #list-content .content-r .wrap-form-contact form input[type=submit]{margin-left: 0;}
}
@media (max-width: 572px){
    table.domestic-table tr{margin-bottom: 10px;display: block;}
    table.domestic-table tr td:nth-child(1), table.domestic-table tr td:nth-child(2) {width: 100%;display: table;}
}

.wrap-content-img-half{display: table;width: 100%;}
    .wrap-content-img-half a{display: table-cell;position: relative;background-repeat: no-repeat!important;background-size: 100%!important;background-position: 0px!important;}
    .wrap-content-img-half a.img-domestic:hover{background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/product/img-domestic.jpg')!important;display: table-cell;position: relative;background-repeat: no-repeat!important;background-size: 100%!important;background-position: 0px!important;}
    .wrap-content-img-half a.img-export:hover{background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/product/img-export.jpg')!important;display: table-cell;position: relative;background-repeat: no-repeat!important;background-size: 100%!important;background-position: 0px!important;}
    .wrap-content-img-half a img{max-height: 400px;}
        .wrap-content-img-half .wrap-content{font-family: 'hermesbold';font-size: 55px;color: #fff;position: absolute;top: 30%;width: 100%;text-align: center;}
.content-img-half{margin: 0;padding: 0;}

#list-img.img-about:hover{background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/product/img-about.jpg')!important;}
#list-img.img-product:hover{background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/home/product.jpg')!important;}
#list-img.img-process:hover{background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/about/process.jpg')!important;}
#list-img.img-export:hover{background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/product/domestic/export.jpg')!important;}
#list-img.img-domestic:hover{background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/product/export/domestic.jpg')!important;}
#list-img, #list-img.img-about:hover, #list-img.img-product:hover, #list-img.img-process:hover, #list-img.img-export:hover, #list-img.img-domestic:hover{position: relative;background-repeat: no-repeat!important;background-size: 100%!important;width: 100%;margin-top: 10px;background-position: 0px!important;}

    #list-img img{width: 100%;}
    #list-img .wrap-content{font-family: 'hermesbold';font-size: 55px;color: #fff;position: absolute;top: 40%;width: 100%;text-align: center;}
@media (max-width: 767px){
    #list-img .wrap-content{font-size: 40px;}
    .wrap-content-img-half .wrap-content{font-size: 40px;}
}
@media (max-width: 572px){
    #list-img .wrap-content{font-size: 30px;}
    .wrap-content-img-half .wrap-content{font-size: 25px;}
}



#list-product-img{width: 100%;padding: 5% 0;}
    #list-product-img .content-list{text-align: center;margin-bottom: 3%;min-height: 210px;}
        #list-product-img .content-list img{}
        #list-product-img .content-list span{display: block;font-size: 18px;color: #9E6C37;font-weight: bold;margin: 8% 0;}

@media (max-width: 992px){
    #list-product-img .content-list img{width: 100%;}
}



.wrap-lang{margin-top: 48px;text-align: right;float: right;}
    .wrap-lang a{color: #6D6E70;font-size: 11px;}
    .wrap-lang a.active, .wrap-lang a:hover{color: #9E6C37;}

@media (max-width: 992px){
    .wrap-lang{margin-top: 0;}
}
@media (max-width: 767px){
    .wrap-lang{margin-top: 0;text-align: center;}
}
@media (max-width: 572px){
}


.section{padding: 140px 0 100px;}

@media (max-width: 1024px){
    .wrap-lang{float: left;margin-left: 0!important;text-align: left;margin-top:8%;padding-left:0;}
}    
@media (max-width: 767px){
    .section{padding: 83px 0 80px;}
    .container{padding-left: 8%;padding-right: 8%;}
}
@media (max-width: 572px){
    .section{padding: 55px 0;}
}