@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&subset=latin,latin-ext,vietnamese');*/

@import url("icon/styles.css");

/*Custom bootstrap*/
.gutter-10 { margin-left: -10px; margin-right: -10px; }
.gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
.gutter-5 { margin-left: -5px; margin-right: -5px; }
    .gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
.gutter-2 { margin-left: -2px; margin-right: -2px; }
    .gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }

.gutter-0 { margin-left: 0px; margin-right: 0px; }
    .gutter-0 > [class*='col-'] { padding-right: 0px; padding-left: 0px; }

/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { outline: 0; border: 0; }
body { padding: 0; margin: 0 auto; color: #4c4c4c; background: #fff; font-size: 16px; font-weight:300;font-family: 'Nunito', sans-serif; line-height: 1.6; }

table { border-collapse: collapse; border-spacing: 0; }
 table tr td { padding: 3px 0; }
img { border: 0; padding: 0px; }
a { color: #2e2e2e; text-decoration: none; cursor: pointer; -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; }
a:before,a:after, a span.icon,.hover-transition{-webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; }
a:hover { color: #a5c63f; text-decoration: none; }
a:focus{text-decoration: none;}
.middle { vertical-align: middle; }
.button-submit { border:solid 3px #a5c63f; height: 42px; line-height: 32px; padding: 0px 45px; margin: 0px; cursor: pointer; 
                 border-radius:20px; min-width:100px; background:transparent; text-transform:uppercase; font-weight:400;
}
.button-submit:hover { color: #fff; background: #a5c63f; }
.btn-default{color:#319645; border-color:#319645; padding:12px 30px; height:45px;}
.btn-default:hover{color:#fff; background:#319645;}

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cover{background-size: cover; background-repeat: no-repeat; background-position: center center; }
.editor-content img{max-width:100%; height:auto;}
.modal{z-index:105900;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight:600;}
.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6{color:#845b2f; font-weight:600; text-transform:uppercase;}
.fancybox-overlay{    z-index: 80100 !important;}
.fancybox-opened{    z-index: 80300 !important;}
/* General */

.main-title{ padding:60px 0px 40px; text-align:center; position:relative;}
.main-title:before{content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('../images/leaf1.svg') no-repeat center center; opacity:0.1;}
.main-title strong{font-size:48px; color:#333333; text-transform:uppercase; font-weight:600;display:block; line-height:1.1;}

.btn-arrow-right{min-width:230px; height:50px; padding:15px 45px; border:solid 1px #efefef; border-radius:30px; color:#845b2f; background:transparent; position:relative; text-transform:uppercase; font-weight:300;}
.btn-arrow-right:after{position:absolute; right:28px; content:"\eddb"; font-family: 'icomoon';}
.btn-arrow-right:hover{background:#845b2f; border-color:#9e7b56; color:#fff;}

.page-header { margin: 0px; padding: 0px; background: #fff; border: 0px; border-radius:0px;}
.navbar-header .logo object { width: 127px; height: auto; }
.navbar-header .logo-wrapper {padding:15px 0px 0px 30px; display:block; position:relative;}
.navbar-header .logo-wrapper a.link{position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:9;}



.page-header .nav{margin-right:-15px;}
.page-header .nav li.item a{display:inline-block; height:82px; padding:30px 45px; border-radius:0; text-transform:uppercase; font-size:15px; border-left:solid 1px #efefef; font-weight:400;}
.page-header .nav li.first a{border-left:0px;}
.page-header .nav li{margin-left:0px;}
.page-header .nav li.item.active > a,
.page-header .nav li.item:hover > a{background:#a5c63f; color:#fff; border-color:#a5c63f;}

.menu-social-language{border-left:solid 2px #e9e9e9;}
.page-header .nav .language a,
.page-header .nav .social a{display:inline-block; width:42px; text-align:center; padding:10px 0px 0px; opacity:0.3;}
.page-header .nav .social a:hover,
.page-header .nav .social a.active{opacity:1;}
.page-header .nav .language a.active,
.page-header .nav .language a:hover{opacity:1;}
.page-header .nav .dropdown-menu{border-radius:0px; margin:0px; border:0px; padding:0px;}
.page-header .nav .dropdown-menu li a{height:60px; padding:20px 15px;  display: block;}

.language a img{width:22px;}

.social{height:41px; border-bottom:solid 1px #e9e9e9;}
.language{height:41px;}

.page-header .nav .menu-hotline a{height:82px; width:50px;background:#845b2f;text-align:center; border-radius:0px; padding:27px 15px; }
.page-header .nav .menu-hotline a:hover{background:#a5c63f;}

.home-quicklink-section .item{display:block; text-align:center;}
.home-quicklink-section .item img {border:solid 10px rgba(165,198,63,0.8);}
.home-quicklink-section .item .title{text-transform:uppercase; margin:10px 0px 0px; font-weight:400; font-size:16px; line-height:1.6;}
.home-quicklink-section {padding-bottom:40px; margin-top:-85px; position:relative; z-index:99;}

.about-section{background:url('../images/bg-about.png') no-repeat center center;  position:relative;}
.about-section:before,
.homepage .about-section .inner:before{position:absolute; left:50%; top:0px; margin-left:-20.5px; content:'';width:41px; height:41px; border-radius:50%;
                      background:#fff; border:solid 1px #f2efed; z-index:2;

}
.about-section:after,
.homepage .about-section .inner:after{position:absolute; left:50%; top:6px; margin-left:-14.5px; content:'';width:29px; height:29px; border-radius:50%;
                      background:#845b2f; border:solid 7px #f7f0e8; z-index:2;

}
.about-section .inner{background:url('../images/line-vertical.png') repeat-y top center; min-height:821px; position:relative; padding-top:140px; padding-bottom:140px;}
.homepage .about-section .inner:before{top:auto; bottom:0px;}
.homepage .about-section .inner:after{top:auto; bottom:6px;}
.about-section .content{width:730px; height:730px; border-radius:50%; background:#fff; margin:0px auto; 
                        -webkit-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    0px 3px 30px 0px rgba(0, 0, 0, 0.15);
box-shadow:         0px 3px 30px 0px rgba(0, 0, 0, 0.15);
position:relative;
}
.about-section .content .border-circle{position:absolute; top:15px; bottom:15px; left:15px; right:15px; border-radius:50%; border:solid 1px #eee7e3; padding:15px 80px; text-align:center; }
.about-section .btn-arrow-right{margin-top:45px;}
.about-section .main-title{padding-top:40px}
.about-section .main-title strong{font-size:45px; color:#a5c63f;}


.why-choice-section{margin-top:-30px; position:relative; padding-bottom:40px;}
.why-choice-section .content{min-height:313px; background:url('../images/bg-why-choice.png') no-repeat center center;}
.why-choice-section .content .bg{width:208px; height:207px;  background:url('../images/4fea.svg') no-repeat center center; margin:60px auto; padding-top:136px; text-align:center; text-transform:uppercase;}
.why-choice-section .media-list .media{margin-top:30px;}
.why-choice-section .media-list .media:first-child{margin-top:0px;}
.why-choice-section .media-list .media-object{width:82px;}
.why-choice-section .media-list .media-left{padding-right:25px;}
.why-choice-section .media-heading{color:#845b2f; font-weight:600; text-transform:uppercase; line-height:1.4; font-size:18px;}


.home-product-section{background:#f4f0ec; margin-bottom:100px; padding-top:20px; position:relative;}  
.home-product-section:before{content:''; width:1px; height:72px; background:#ece6e1; position:absolute; left:50%; top:-45px; margin-left:-0.5px;}
.home-product-section .inner:before{position:absolute; left:50%; top:28px; margin-left:-20.5px; content:'';width:41px; height:41px; border-radius:50%;
                       border:solid 1px #ece6e1; z-index:2;

}
.home-product-section .inner:after{position:absolute; left:50%; top:34px; margin-left:-14.5px; content:'';width:29px; height:29px; border-radius:50%;
                      background:#a5c63f; border:solid 7px #e4e8c9; z-index:2;

}
.home-product-section .main-title:before{background:transparent;}
.home-product-section .product-slider-wrapper {margin-bottom:-80px;}
.home-product-section .product-slider .item{position:relative; padding-left:220px; min-height:520px; padding-top:60px; background:url('../images/leaf2.svg') no-repeat 15px bottom;}
.home-product-section .product-slider .item .thumb{position:absolute; left:0px; top:140px; max-width:250px; }
.home-product-section .product-slider .item .content{background:#fff; padding:25px 42px; max-width:300px; text-align:center; font-size:15px;}
.home-product-section .product-slider .item .title,
.home-product-section .product-slider .item .title a{font-size:17px; font-weight:600; color:#a5c63f; text-transform:uppercase;}
.home-product-section .product-slider .item .description{margin-bottom:15px;}
.home-product-section .product-slider .item .box{padding:15px 0px; border-top:solid 1px #ededed;}

.home-product-section .product-slider .item  .sub-title{color:#845b2f; text-transform:uppercase;font-weight:600; margin-bottom:5px;}

.home-product-section .slick-dots {bottom:-45px;}
.home-product-section .slick-dots li button{width:14px; height:14px; border:solid 5px #fff; border-radius:50%; background:#8f8f8f;}
.home-product-section .slick-dots li button:before{display:none;}
.home-product-section .slick-dots li.slick-active button{background:#a5c63f; border-color:#e8f1cf;}
.home-product-section .item .btn{height:38px; background:#f6f4f2; border:0px; padding:9px 45px; min-width:180px;}
.home-product-section .item .btn:after{color:#a5c63f;}
.home-product-section .item .btn:hover{background:#a5c63f;}
.home-product-section .item .btn:hover:after{color:#fff;}


.page-slide .bx-wrapper .bx-controls-direction a{width:66px; height:66px; background:transparent; text-indent:0px; text-align:center; margin-top:-33px; }
.page-slide .bx-wrapper .bx-controls-direction a i{line-height:66px; color:#f3f6ef;   font-size: 28px;}
.page-slide .bx-wrapper .bx-controls-direction a:hover{background:url('../images/bg-slide-nav.png') no-repeat center center;}

.page-slide .bx-wrapper{border:0px; -moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none; margin:0px;}
.page-slide .bx-wrapper .bx-caption{background:transparent; top:190px;}

.page-slide .bx-wrapper .bx-caption{ color: #fff; font-family: 'Nunito', sans-serif;padding:0px;}
.page-slide .bx-wrapper .banner-1-text{font-size:60px; font-weight:600; line-height:1; text-transform:uppercase; display:inline-block; position:relative; z-index:1;}
/*.page-slide .bx-wrapper .banner-1-text:before{content:'';position:absolute; left:-10px; right:-10px;  bottom:-10px; height:28px; background:rgba(226,27,34,0.8); z-index:-1;}*/
.page-slide .bx-wrapper .banner-2-text{font-size:72px; font-weight:600; line-height:1; text-transform:uppercase;}
.page-slide .bx-wrapper .banner-2-subtext{padding:5px 18px; background:#a5c63f; display:inline-block; border-radius:30px; font-size:22px; text-transform:uppercase; margin-top:10px;}
.page-slide .bx-wrapper .banner-3-text{color:#4c4c4c; font-weight:600; line-height:0.7; font-size:48px;  text-transform:uppercase;}
.page-slide .bx-wrapper .banner-3-text span{font-size:72px; color:#ed1c24; }
.page-slide .bx-wrapper .banner-3-text a.btn-viewmore{display:block; max-width:230px; padding:20px 45px; border:solid 1px #fff; border-radius:30px; font-size:16px; font-weight:400; margin-top:45px;}

.page-footer{margin-top:40px;}
.footer-content .inner{padding:25px; background:#f6f6f6;font-size:14px;}
.footer-content .inner .box-title{text-transform:uppercase; font-size:16px; font-weight:400;}
.footer-content .inner a{color:#00abe5;}
.footer-content .inner a:hover{color:#a5c63f;}
.footer-bottom{padding:25px 0px; border-bottom:solid 5px #a5c63f; font-size:14px;}
.footer-bottom a{color:#845b2f;}
.footer-bottom a:hover{color:#a5c63f;}

.page-top{background:#a5c63f; padding-top:22px; min-height:90px;}
.page-top.banner-product .container,
.banner-contact .container{position:relative;}
.page-top.banner-product .container:after,
.banner-contact .container:after{position:absolute; top:-22px; right:0px; width:500px; max-width:100%; min-height:90px; background:url('../images/banner-product.png') no-repeat right center;}
.banner-contact .container:after{background-image:url('../images/banner-contact.png');}
.page-top .page-category{text-align:center; list-style:none;}
.page-top .page-category li{ display:inline; }
.page-top .page-category li a{display:inline-block; padding:4px 20px 3px; min-height:40px; border-radius:25px; color:#fff; text-transform:uppercase; border:solid 4px #a5c63f;}
.page-top .page-category li.active a,.page-top .page-category li:hover a{  background:#9e7b56; border:solid 4px #b2ce5c; }
.breadcrumbs ul{list-style:none; margin:0px; padding:0px;}
.breadcrumbs ul li{display:inline;font-size:14px; color:#e7efd2;  }
.breadcrumbs ul li a{font-size:14px; color:#e7efd2; display:inline-block; padding-right:15px; margin-right:8px; position:relative; }
.breadcrumbs ul li a:after{content:'-';position:absolute; right:0px;}
.page-top .head_title{margin:0px; color:#fff; font-weight:600; font-size:27px; margin-top:5px; text-transform:uppercase;}



.about-company-section .logo-inside{width:216px;}
.about-company-section .logo-inside-wrapper{padding:90px 90px; text-align:right;}
.about-company-section .content{padding:5px 0px 5px 30px; position:relative;}
.about-company-section .content:before{content:''; position:absolute; left:-17.5px; top:0px; width:5px; height:100%; background:#eee9e3;}
.about-company-section .sub-title{color:#845b2f; font-weight:600; text-transform:uppercase; margin:10px 0px 15px;}
.about-company-section .content p{font-weight:400;}

.about-product-section{margin-top:40px; margin-bottom:35px;}
.about-product-section .media{/*margin-top:-65px;*/ margin-top:0px;}
.about-product-section .media.first{margin-top:0px;}
.about-product-section .media .media-left{padding-right:35px;}
.about-product-section .media .media-object{border-radius:50%; border:solid 15px #f4f3f1;}
.about-product-section .media .media-left,
.about-product-section .media .media-right{min-width:317px;}
.about-product-section .media  .media-body{font-size:15px;}
.about-product-section .media  .media-heading{font-size:18px; color:#a5c63f; text-transform:uppercase; font-weight:600; margin-bottom:20px;}
.about-product-section .media .btn-arrow-right{display:block; max-width:180px; height:38px; padding:10px 25px; margin-top:42px;}
.about-product-section .media .btn-arrow-right:after{color:#a5c640;}
.about-product-section .media .btn-arrow-right:hover:after{color:#fff;}
.box-highlight{padding:10px 15px; text-align:center; background:#845b2f; color:#fff; text-transform:uppercase;}
.box-highlight .strong{font-size:24px; font-weight:600;}

.page-title{text-align:center; font-size:28px; color:#845b2f; text-transform:uppercase; margin:0xp 0px 20px; font-weight:600; }
.page-about.page-content-wrapper{padding-top:40px;}
.page-about .about-section .border-circle{  padding: 105px 100px  15px; }
.page-about .about-section .border-circle:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 20px;
    width: 142px;
    height: 145px;
    margin-left:-71px;
    background: url(../images/leaf1.svg) no-repeat center center;
    opacity: 0.1;
}
.page-about .about-section .border-circle p:first-child:first-letter {
  color: #a5c63f;
  float: left;
  font-size: 62px;
  line-height: 0.8;
}

.page-about .about-vision{margin-top:20px;}
.page-about .about-vision,
.page-about .about-mission{position:relative;}
.page-about .about-vision:before{content:''; position:absolute; left:-60px; top:-45px; right:0px; bottom:0px; background:url('../images/bg-tam-nhin.jpg') no-repeat left top;}
.page-about .about-mission:before{content:''; position:absolute; left:0px; top:0px; right:0px; bottom:15px; background:url('../images/bg-su-menh.jpg') no-repeat bottom right;}

.page-about .about-vision .thumb-wrapper{padding-left:80px;}
.page-about .about-vision .thumb, .page-about .about-mission .thumb{ 
    position:relative;display:inline-block; 
   
}
.page-about .about-vision .thumb img, .page-about .about-mission .thumb img {border-radius:50%; -webkit-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow:    0px 3px 30px 0px rgba(0, 0, 0, 0.15);box-shadow:         0px 3px 30px 0px rgba(0, 0, 0, 0.15);}
.page-about .about-vision .thumb:after,.page-about .about-mission .thumb:after{content:''; position:absolute; left:10px; top:10px; right:10px; bottom:10px; border-radius:50%; border:solid 1px #fff;}
.page-about .about-vision .title,
.page-about .about-mission .title{font-size:28px; color:#845b2f; font-weight:600; text-transform:uppercase; margin:85px 0px 20px;}
.editor-content ul{list-style:none; padding:0px; margin:0px;}
.editor-content ul li{padding-left:25px; position:relative; margin-bottom:25px;}
.editor-content ul li:before{content:''; position:absolute; left:0px; top:7px; width:10px; height:10px; background:#a5c63f; border-radius:50%;}

.editor-content ul.list-style-1{margin:15px 0px; }
.editor-content ul.list-style-1 li{display:inline-block; margin-right:15px; padding:10px 18px; border-radius:25px; border:solid  4px #f8f9f3;position:relative;}
.editor-content ul.list-style-1 li:before{width:auto; height:auto; background:transparent; left:0px; top:0px; right:0px; bottom:0px; border:solid 2px #dce3c7; border-radius:20px;}

.post-list{padding:45px 0px 10px; }
.post-list .media{display:block; margin-bottom:30px;}
.post-list .media .media-body{font-size:15px;}
.post-list .media .media-left{ }
.post-list .media .media-left .thumb{position:relative;  padding-right:30px; padding-bottom:10px;}
.post-list .media .media-left .thumb:before{content:'';border-right:solid 10px #f4f0ec; border-bottom:solid 10px #f4f0ec; position:absolute; left:10px; bottom:0px;top:10px; right:20px;}

.post-list .media .media-heading{font-size:16px; color:#845b2f; text-transform:uppercase; font-weight:600; margin:5px 0px 10px;}
.post-list .media  .post-date{margin-top:15px;color:#a5c63f;}
.page-news .page-bottom{padding:20px 0px 40px; border-top:solid 1px #f2efed;}

.page-news-detail .page-content{padding:45px 0px 0px;}
.page-news-detail .new-date{color:#a5c63f;}
.page-news-detail .new-title{font-size:22px; color:#9e7b56; text-transform:uppercase; font-weight:600; margin:10px 0px 20px;}
.page-news-detail .post-content{padding-bottom:45px;}
.page-news-detail .page-bottom{padding-bottom:10px;}
.page-news-detail .page-bottom .page-title{text-align:center; font-size:18px; color:#a5c63f; text-transform:uppercase; margin-bottom:20px;}
.page-news-detail .post-list{padding:0px;}

.product-list {padding:50px 0px 0px;}
.product-list .item{display:block; margin-bottom:25px;}
.product-list .item .thumb{width:330px; height:330px; margin:0px auto;  border:solid 8px #f5f2ee; border-radius:50%; padding:35px; text-align:center; position:relative; }
.product-list .item .thumb img{max-width:100%; max-height:100%; position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.product-list .item .thumb:after{content:"+"; position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-25px; background:#a5c63f; border-radius:50%; text-align:center; line-height:50px; width:50px; height:50px; 
                                 font-size:24px; color:#fff; font-family:Arial; opacity:0;
}
.product-list .item .title{color:#a5c63f; text-transform:uppercase;font-size:18px; font-weight:600; margin:15px 0px 0px; text-align:center;}
.product-list .item:hover .thumb{border-color:#845b2f;
                                 -webkit-box-shadow: 0px 3px 30px 0px rgba(175, 123, 89, 0.3);-moz-box-shadow:    0px 3px 30px 0px rgba(175, 123, 89, 0.3); box-shadow:         0px 3px 30px 0px rgba(175, 123, 89, 0.3);}
.product-list .item:hover .thumb:after{opacity:1;}

.product-media-list{margin-top:45px;}
.product-media-list .nav-tabs{border-radius:0px; border-bottom:solid 4px #f2efed;}
.product-media-list .nav-tabs > li { display: inline-block; float:none; margin-bottom:-4px; padding-left:0px;}
.product-media-list .nav-tabs > li:before{display:none;}
.product-media-list .nav-tabs > li a{font-size:18px; text-transform:uppercase; color:#333333; font-weight: 400; border-radius:0px; border:0px; padding:12px 30px; margin:0px 5px;}
.product-media-list .nav-tabs > li.active a{color:#845b2f; border:0px; border-bottom:solid 7px #a5c63f;}
.product-media-list .nav-tabs > li:hover a{background:transparent;color:#9e7b56; }
.product-media-list .tab-content .tab-pane{padding:35px 0px; font-size:15px;}
.product-media-list .tab-content h2,
.product-media-list .tab-content h3,
.product-media-list .tab-content h4,
.product-media-list .tab-content h5,
.product-media-list .tab-content h6{color:#a5c63f;}
.product-media-list .tab-content ul li{margin-bottom:10px; padding-left:20px;}
.product-media-list .tab-content ul li:before{width:7px; height:7px;}
.product-media-list .tab-content ul ul li{}
.product-media-list .tab-content ul ul li:before{content:"+"; font-family:Arial; background:transparent; top:1px; color:#9e7b56;}

.product-media-list .tab-content strong{font-weight:600;}

.page-product-detail{padding:50px 0px 0px;}
.page-product-detail .head_title{font-size:30px; color:#a5c63f; text-transform:uppercase; margin:0px 0px 20px;padding-bottom:20px;  border-bottom:solid 1px #f2efed; }
.page-product-detail .product-detail img{max-width:100%; height:auto;}
.page-product-detail .product-detail .description{font-size:15px;}
.page-product-detail .product-detail .description.editor-content ul li{margin-bottom:5px;}

.page-product-detail .page-bottom {padding-top:25px; border-top:solid 1px #f2efed;}
.page-product-detail .page-bottom .page-title{text-align:left; font-size:20px;}
.page-product-detail .page-bottom  .product-list{padding:0px;    font-weight: 400;}

/* paging */

.paging { margin: 0px auto 15px; padding: 0; list-style: none; display:inline-block; }
.paging  a { border-radius:5px; color: #393939; font-size:15px;  width:30px; height:30px; text-align:center; line-height:29px; text-decoration: none; margin: 0 2.5px; display: block; float: left;  border-radius:50%;}
.paging a.pPrev,.paging a.pNext { text-indent:9999999px;overflow: hidden; position:relative; }
.paging a.pNext {text-indent:9999999px;overflow: hidden; color:#d2d2d2;}
.paging a.pNext:after, .paging a.pPrev:after{ content:"\f105"; font-family: FontAwesome; font-size: 20px; font-weight: 400; width:30px; height:30px; line-height:29px; text-rendering: auto; -webkit-font-smoothing: antialiased; position:absolute; left:0px; top:0px; text-indent:0;}
.paging a.pPrev:after{content:"\f104";}
.paging a:hover, .paging  a.current { color: #fff; background:#a5c63f;   }
.paging a.pPrev,.paging a.pNext{display:none;}
.paging a.Haslink{display:block;}
.paging a.pFirst, .paging a.pLast{display:none !important; text-indent:999999px;}
.paging  .gotopage {width: 30px;padding: 3px 0;border-radius: 2px 0 0 2px;border: 1px solid #ccc;height: 14px; float:left;
                    display:none;
}
/* end paging */


.skype-list{margin-top:20px; padding-top:25px; border-top:solid 1px #f2efed;}
.skype-list .media{margin-bottom:10px;}
.skype-list .media-object{width:80px; max-width:none;;}
.skype-list .media-left{padding-right:20px;}
.skype-list .media-body{font-size:14px;}
.skype-list .media-body h4{font-size:15px; text-transform:uppercase; font-weight:400;}
.skype-list .media-body a.skype{color:#00abe5;}
.contact-form{margin-top:40px; padding-top:30px; border-top:solid 1px #f2efed;}
.contact-form .inner{border:solid 8px #845b2f; padding:25px 30px;}
.contact-form .inner .info-text{text-align:center; margin-bottom:25px;}
.contact-form .form-group{margin-bottom:0px;}
.contact-form .form-control{border-radius:0px; border:solid 1px #f4f0ec; min-height:40px; outline:none; box-shadow:none; margin-bottom:15px;}
.contact-form .title{font-size:28px; color:#a5c63f; text-transform:uppercase; font-weight:600; margin-bottom:20px;}

.contact-info-content a{color:#00abe5;}
.contact-info-content .map{height:320px; margin-top:30px;}


.page-header .navbar-toggle{
  width: 36px;
  height: 36px;
  position: relative;
  margin: 25px 15px 0px 0px;
  border:0px;
  background:transparent;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;

}
.page-header.navbar-inverse .navbar-toggle:focus, .page-header.navbar-inverse .navbar-toggle:hover{background:transparent;}
.page-header .navbar-toggle span{
    display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #a5c63f !important;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;
}
.page-header .navbar-toggle .icon-bar+.icon-bar{margin-top:0px;}

.page-header .navbar-toggle span:nth-child(1) {  top: 0px;}
.page-header .navbar-toggle span:nth-child(2),.page-header .navbar-toggle span:nth-child(3) {  top: 10px;}
.page-header .navbar-toggle span:nth-child(4) {  top: 20px;}
.page-header .navbar-toggle.active span:nth-child(1) {  top: 10px;  width: 0%;  left: 50%;}
.page-header .navbar-toggle.active span:nth-child(2) {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.page-header .navbar-toggle.active span:nth-child(3) {  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
.page-header .navbar-toggle.active span:nth-child(4) {  top: 10px;  width: 0%;  left: 50%;}

.ung-dung-sp .title{position:relative; padding-left:32px; min-height:22px;margin-bottom:15px;}
.ung-dung-sp .title:before{content:"\e853"; font-family: 'icomoon'; position:absolute; left:0px; top:0px; color:#9e7b56;}
.ung-dung-sp img{max-width:100%; height:auto; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}

#productTabContent table tr th{background:#f4f0ec; font-weight:300; text-transform:uppercase;}
#productTabContent table tr th,
#productTabContent table tr td{border-bottom: 1px solid #f4f0ec; border-top:0px; padding:10px 20px;}

#top { background: #a5c63f; position: relative; bottom: 15px; cursor: pointer; height: 40px; position: fixed; right: 15px; width: 40px; text-align: center; line-height: 40px; display:none; }
#top:after{content:"\f106"; font-family: FontAwesome; font-size: 24px; font-weight: 400; color:#fff;}
#top:hover{background:#ed1c24; -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); }
#top:hover:after{color:#fff;}

.contact-info-content .item{margin-bottom:30px;}


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


/* Large desktop */
@media screen and (min-width: 1200px) {
    
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    .page-header .nav li.item a{padding:30px 25px;} 
    
}

@media screen and (max-width: 1199px) {
    .home-product-section .product-slider .item{text-align:center;}
    .home-product-section .product-slider .item .thumb{position:static; max-width:300px; margin:0px auto; padding:15px;}
    .home-product-section .product-slider .item{padding-left:0px; text-align:center;}
    .home-product-section .product-slider .item .content{ margin:0px auto;}
    .home-product-section .product-slider .item .content > *{display:none;}
    .home-product-section .product-slider .item .content .title{display:block;}

    .page-slide .bx-wrapper .bx-caption{top:120px; padding-left: 100px;}
    .page-slide .bx-wrapper .banner-1-text{font-size:40px;}
    .page-slide .bx-wrapper .banner-1-text:before{}
    .page-slide .bx-wrapper .banner-2-text{font-size:52px;}
    .page-slide .bx-wrapper .banner-2-subtext{font-size:16px;}
    .page-slide .bx-wrapper .banner-3-text{ font-size:32px;}
    .page-slide .bx-wrapper .banner-3-text span{font-size:52px; }
    .page-slide .bx-wrapper .banner-3-text a.btn-viewmore{  max-width: 142px; text-align:center;    padding: 15px 30px;border-radius: 30px;font-size: 14px;font-weight: 400;margin-top: 25px;}

    .home-product-section{margin-bottom:100px;}

    .about-product-section .media .media-left, .about-product-section .media .media-right{min-width:280px;}
    .about-product-section .media .btn-arrow-right{margin-top:20px;}
    .about-product-section .media{margin-top:15px;}
}

@media screen and (max-width: 991px) {
    .page-header{position:fixed; width:100%; left:0px; top:0px; z-index:99999;}
    .navbar-header{background:#fff; position:relative; z-index:101; 
                   -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    }
    #page_wrapper{padding-top:75px;}
    .navbar-header .logo-wrapper{float:left;}
    .page-header .navbar-toggle{ display: block !important; }
    .page-header .navbar-header{float:none; margin:0px;}
    .navbar-toggle{display:block;}
    .navbar-collapse{}
    .navbar-collapse.collapse{display:none!important;}
    .nav-menu{float:none!important;margin:0px;}
    .navbar-text{float:none;margin:15px 0;}
    .navbar-collapse{position:absolute;right:0px; left:0px; z-index:100; margin:0px;margin-top:0px;right:auto;max-height:none;padding:0px 0px;width:100%;left:0px;right:0px;margin-left:0px;margin-right:0px;
        border: 0px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    }
    .navbar-collapse.collapse.in{display:block!important;padding-bottom:15px;margin-left:0px;margin-right:0px;left:0px;right:0px}

    .page-header .menu-main-menu-container{width:100%;}
    .page-header .nav li.item a{color:#000; line-height:50px;height:50px;width:100%;border-top:solid 0px #fff; padding:0px 25px; border:0px;}

    .page-header ul.nav-menu{padding-top:0px;width:auto;top:0px;}
    .page-header ul.nav-menu li{padding:0px; float:none;border-bottom:1px solid #e9e9e9 !important; margin:0 !important;}
    .page-header ul.nav-menu li a:hover, .page-header ul.nav-menu li a:focus, .page-header ul.nav-menu li.open a, .page-header ul.nav-menu li.open a:hover, .page-header ul.nav-menu li.open a:focus, .page-header ul.nav-menu li.active a:hover, .page-header ul.nav-menu li.active a{}
    .page-header ul.nav-menu li.active, .page-header ul.nav-menu li:hover{border-top-left-radius:0px; border-top-right-radius:0px;}
    .page-header ul.nav-menu li:hover a:after, .page-header ul.nav-menu li.active a:after{border-bottom-color:transparent;}
    .page-header ul.nav-menu{padding-top:0px;height:auto;margin-bottom:0px;margin-top:0px;}
    .page-header  ul.nav-menu li:hover a, .page-header  ul.nav-menu li.active a{color:#0c436e;}

    .page-header .nav-menu .open .dropdown-menu {position: relative;float: none;width: 100%; display:block; margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;      }
    .page-header .nav-menu .open .dropdown-menu li{   padding-left: 15px;}

    .home-quicklink-section{margin-top:30px;}
     .page-slide .bx-wrapper .bx-caption{top:80px; }
     .navbar-header .logo-wrapper{padding-left:15px; padding-bottom:10px; padding-top:10px;}

     .page-header ul.nav-menu li.menu-social-language{border-left:0px; padding-left:10px;}
     .page-header .nav .menu-hotline a{width:100%; height:50px; line-height:50px;padding:0px 25px; }
     .page-header .nav .menu-hotline a img{max-width:24px;}
     .why-choice-section .content{background-size:330px;}

     .page-category-nav{text-align:center; list-style:none; margin:30px 0px 15px;}
     .page-category-nav .page-category{ padding-left:0px;}
     .page-category-nav li{ display:inline; }
     .page-category-nav li a{display:inline-block; padding:4px 20px 3px; min-height:40px; border-radius:25px; text-transform:uppercase; }
     .page-category-nav li.active a,.page-top .page-category li:hover a{ border:solid 4px #a5c63f; }
     .post-list .media .media-left {display:block;}
     .post-list .media .media-left .thumb{display:inline-block;}

     .page-top.banner-product .container:after,
     .banner-contact .container:after{display:none;}
}






@media screen and (min-width: 768px) and (max-width: 979px) {
    .why-choice-section .media-list .media-left{display:block; text-align:center;}
     .why-choice-section .media-list .media-left .media-object{margin:0px auto 15px;}
     .why-choice-section .media-list .media-body{text-align:center;}
     .product-media-list .nav-tabs > li a{padding:12px 20px;font-size:16px;}
}


@media screen and (max-width: 767px) {  
    .page-header{height:59px;}
    #page_wrapper{  padding-top: 59px;}
    .about-section{background-size:contain;}
    .about-section .inner{min-height:100px; padding-top:100px; padding-bottom:100px;}
  .about-section .content{width:100%; height:auto; border-radius:0px;}
  .about-section .content .border-circle{position:static; border-radius:0px; padding: 15px 15px;}

  .navbar-header .logo object{width:90px;}
  .page-header .navbar-toggle{margin-top:17px;}
  .why-choice-section .content{background-position:center 30px;}
  .why-choice-section .content .bg{margin:15px auto 40px; width: 145px; height: 190px; font-size:14px; padding-top:118px;}
  .footer-content .box-footer{margin-bottom:15px;}

  .main-title strong,
  .about-section .main-title strong{font-size:36px;}
  .page-top .head_title{font-size:27px;}
  .page-category-nav li a{font-size:14px; padding:4px 15px 3px; min-height:36px;}
  .page-title{font-size:22px;}
  .about-company-section .content{padding:0px;}
  .about-company-section .content:before{display:none;}
  .about-company-section .logo-inside-wrapper{padding:15px 15px 30px; text-align:center;}

  .about-product-section .media {margin-top:45px;}
    .about-product-section .media .media-left, .about-product-section .media .media-right{display:block; padding-right:0px; padding-left:0px; margin-bottom:15px; text-align:center;}
    .about-product-section .media .media-object{margin:0px auto;}
    .about-product-section .media  .media-body{text-align:center;}
    .about-product-section .media .btn-arrow-right{margin:15px auto;}

    .page-about .about-vision .thumb-wrapper{padding-left:0px;}

    .page-product-detail .head_title{margin-top:30px;}

    .product-media-list{margin-top:15px;}
    .page-product-detail .panel-group .panel{border-radius:0px;}
    .page-product-detail .panel-default > .panel-heading{background:#a5c63f; color:#fff; border:0px; border-radius:0px;}
    .page-product-detail .panel-default > .panel-heading a{color:#fff; font-weight:400; text-transform:uppercase;}

    .contact-form .inner .button-submit{margin-top:15px;}
    .why-choice-section .media-list{margin-bottom:30px;}

    .page-slide .bx-wrapper .bx-controls-direction a{width:42px; height:42px; margin-top:-21px;}
    .page-slide .bx-wrapper .bx-controls-direction a:hover{background-size:100%;}
    .page-slide .bx-wrapper .bx-controls-direction a i{line-height:42px; font-size: 20px;}
    .page-slide .bx-wrapper .bx-controls-direction a.bx-prev{left:5px;}
    .page-slide .bx-wrapper .bx-controls-direction a.bx-next{right:5px;}
  

}

@media screen and (max-width: 600px) {
    /*.page-slide .bx-wrapper .bx-caption{display:none;}*/
    .product-list .item .thumb{width:250px; height:250px;}

    .page-slide .bx-wrapper .bx-caption{top:auto; bottom:10px; padding-left:30px;}
    .page-slide .bx-wrapper .banner-1-text{font-size:20px;}
    .page-slide .bx-wrapper .banner-2-text{font-size:20px;}
    .page-slide .bx-wrapper .banner-2-subtext {font-size: 11px;}
    
}

@media screen and (max-width: 480px) {
   .post-list .media .media-left .thumb{width:100%; padding-right:10px;}
   .post-list .media .media-left .thumb:before{right:0px;}
   .post-list .media .media-left .thumb .media-object{width:100%;}
    
}
@media screen and (max-width: 400px) {
   .page-slide .bx-wrapper .banner-2-subtext {font-size: 10px;}
}

@-ms-viewport { width: device-width; }